Introduction à AWT. Programmation Orientée Objet. Conteneurs. Composants

Transcription

1 Introduction à AWT Programmation Orientée Objet Bertrand Estellon Abstract Window Toolkit (AWT) = bibliothèque graphique Java ; AWT a été introduite dès les premières versions de Java ; AWT sert de fondement à Swing Swing = bibliothèque de gestion de fenêtre de JAVA. Département Informatique et Interactions Aix-Marseille Université 24 novembre 2014 Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Composants Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Conteneurs Une interface graphique est construite à partir de composants ; Un Composant est un élément visible ; Un Composant étend la classe abstraite Component. Les composants de AWT : Button TextComponent TextArea Canvas TextField Checkbox List Choice Label Scrollbar Container Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Un conteneur est un composant ; Un conteneur peut contenir plusieurs composants ; Un conteneur étend la classe Container. Les principaux conteneurs de AWT : Panel Applet Window Dialog FileDialog JDialog (Swing) Frame JFrame (Swing) JWindow (Swing) JComponent (Swing) Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53

2 Exemple Exemple frame.setpreferredsize(new Dimension(200,200)); Panel panel = new Panel(); panel.add(new Button("Un bouton")); panel.add(new Checkbox("Truc", false)); Choice choice = new Choice(); choice.add("choix 1"); choice.add("choix 2"); panel.add(choice); panel.add(new Label("label")); List list = new List(); list.add("choix 1"); list.add("choix 2"); panel.add(list); panel.add(new TextField("Truc")); TextArea textarea = new TextArea("Truc\nTruc"); textarea.setcolumns(10); textarea.setrows(3); panel.add(textarea); frame.add(panel); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Gestionnaires de présentation Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Gestionnaires de présentation Un gestionnaire de présentation implémente LayoutManager ; Chaque conteneur a un gestionnaire de présentation ; Gère la position et la taille des composants présents dans le conteneur. Les principaux gestionnaires de présentation de AWT : BorderLayout BoxLayout CardLayout FlowLayout GridBagLayout GridLayout... Chaque conteneur a un gestionnaire de présentation par défaut : Panel FlowLayout Window BorderLayout Il est possible de changer le gestionnaire de présentation d un conteneur en utilisant la méthode setlayout de la classe Container. Panel panel = new Panel(); panel.setlayout(new GridLayout(2,2)); panel.add(new Button("b1")); panel.add(new Button("b2")); panel.add(new Button("b3")); panel.add(new Button("b4")); frame.add(panel); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53

3 Gestionnaires de présentation (BorderLayout) Panel panel = new Panel(); panel.setlayout(new BorderLayout()); panel.add(new Button("N"), BorderLayout.NORTH); panel.add(new Button("S"), BorderLayout.SOUTH); panel.add(new Button("C"), BorderLayout.CENTER); panel.add(new Button("W"), BorderLayout.WEST); panel.add(new Button("E"), BorderLayout.EAST); frame.add(panel); Gestionnaires de présentation (FlowLayout) Panel panel = new Panel(); //panel.setlayout(new FlowLayout()); panel.add(new Button("b1")); panel.add(new Button("b2")); panel.add(new Button("b3")); panel.add(new Button("b4")); frame.add(panel); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Gestionnaires de présentation (Composition) Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Sans gestionnaire de présentation Panel panel = new Panel(); panel.setlayout(new BorderLayout()); panel.add(new Label("North"), BorderLayout.NORTH); panel.add(new Label("South"), BorderLayout.SOUTH); Panel panelcenter = new Panel(); panelcenter.setlayout(new GridLayout(2,2)); for (int i = 0 ; i < 4 ; i++) panelcenter.add(new Button("B"+i)); panel.add(panelcenter, BorderLayout.CENTER); frame.add(panel); Panel pane = new Panel(); pane.setlayout(null); Button button1 = new Button("B1"); Button button2 = new Button("B2"); Button button3 = new Button("B3"); pane.add(button1); pane.add(button2); pane.add(button3); button1.setbounds(5, 5, 50, 50); button2.setbounds(60, 30, 50, 50); button3.setbounds(115, 60, 50, 50); frame.setpreferredsize(new Dimension(185,150)); frame.add(pane); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53

4 Évènements Évènements Exemple : Un évènement a lieu quand l utilisateur agit sur l interface graphique (clic de souris, bouton pressé, sélection dans une liste,...) ; Un évènement est une instance d une classe qui étend AWTEvent ; Les évènements sont émis par les composants ; Les composants transmettent les évènements à des observateurs ; Un observateur implémente une extension de EventListener ; Les méthodes de l interface permettent de recevoir les évènements ; Les méthodes add*listener d un composant permettent d abonner un observateur aux évènements émis par ce composant. public class MyActionListener implements ActionListener { public void actionperformed(actionevent e) { System.out.println("Clic!!"); Button button = new Button("B"); button.addactionlistener(new MyActionListener()); panel.add(button); Remarque : ActionListener est une extension de l interface EventListener ActionEvent est une extension de l interface AWTEvent Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Évènements Source public class MyActionListener implements ActionListener { public void actionperformed(actionevent event) { System.out.println(event.getSource() /* Soit b1, soit b2 */); ActionListener listener = new new MyActionListener(); Button b1 = new Button("B1"); b1.addactionlistener(listener); panel.add(b1); Button b2 = new Button("B2"); b2.addactionlistener(listener); Exemple de sortie : java.awt.button[button0,39,5,29x23,label=b2] java.awt.button[button1,5,5,29x23,label=b1] java.awt.button[button0,39,5,29x23,label=b2] java.awt.button[button1,5,5,29x23,label=b1] Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Évènements Souris public interface MouseListener extends EventListener { public void mouseclicked(mouseevent e); public void mousepressed(mouseevent e); public void mousereleased(mouseevent e); public void mouseentered(mouseevent e); public void mouseexited(mouseevent e); public interface MouseMotionListener extends EventListener { public void mousedragged(mouseevent e); public void mousemoved(mouseevent e); public interface MouseWheelListener extends EventListener { public void mousewheelmoved(mousewheelevent e); Les évènements souris sont observables sur tous les composants. Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53

5 Évènements Souris Implémentation de l interface MouseListener : public class SimpleMouseListener implements MouseListener { public void mouseclicked(mouseevent event) { System.out.println(event.getX()+" "+event.gety()); public void mousepressed(mouseevent e) { public void mousereleased(mouseevent e) { public void mouseentered(mouseevent e) { public void mouseexited(mouseevent e) { Évènements Clavier public interface KeyListener extends EventListener { public void keytyped(keyevent e); public void keypressed(keyevent e); public void keyreleased(keyevent e); Exemple d implémentation : public class SimpleKeyListener implements KeyListener { public void keytyped(keyevent e) { Abonnement de l observateur au composant : frame.addmouselistener(new SimpleMouseListener()); public void keypressed(keyevent e) { System.out.println(e.getKeyChar()); public void keyreleased(keyevent e) { Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Évènements Fenêtre public interface WindowListener extends EventListener { public void windowopened(windowevent e); public void windowclosing(windowevent e); public void windowclosed(windowevent e); public void windowiconified(windowevent e); public void windowdeiconified(windowevent e); public void windowactivated(windowevent e); public void windowdeactivated(windowevent e); public interface WindowStateListener extends EventListener { public void windowstatechanged(windowevent e); public interface WindowFocusListener extends EventListener { public void windowgainedfocus(windowevent e); public void windowlostfocus(windowevent e); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Évènements Adapteurs Un adapteur est une classe qui implémente un observateur en associant un corps vide à chacune des méthodes. public class SimpleWindowListener implements WindowListener { public void windowopened(windowevent e) { public void windowclosing(windowevent e) { System.exit(0); public void windowclosed(windowevent e) { public void windowiconified(windowevent e) { public void windowdeiconified(windowevent e) { public void windowactivated(windowevent e) { public void windowdeactivated(windowevent e) { est équivalent à public class SimpleWindowListener extends WindowAdapter { public void windowclosing(windowevent e) { System.exit(0); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53

6 Évènements Adapteurs et classes anonymes Exemple Calculette public class Calculator extends Frame { Extension d un adapteur en classe anonyme : frame.addwindowlistener(new WindowAdapter() { public void windowclosing(windowevent e) { System.exit(0); ); private TextField text1, text2 ; private Label result ; public Calculator() { setpreferredsize(new Dimension(200, 80)); Panel panel = new Panel(); text1 = new TextField(5); text2 = new TextField(5); result = new Label("0"); Button buttonadd = new Button("Add"); buttonadd.addactionlistener(new BoutonListener()); panel.add(text1); panel.add(text2); panel.add(result); panel.add(buttonadd); add(panel); pack(); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Exemple Calculette Suite de la classe Calculette : public class calculator extends Frame { private TextField text1, text2 ; private Label result ;... private class BoutonListener implements ActionListener { public void actionperformed(actionevent e) { int value1 = Integer.parseInt(text1.getText()); int value2 = Integer.parseInt(text2.getText()); result.settext(""+(value1+value2)); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Exemple Calculette La méthode main : public static void main(string[] args) { Calculator calculator = new Calculator(); calculator.setvisible(true); calculator.addwindowlistener(new WindowAdapter() { public void windowclosing(windowevent e) { System.exit(0); ); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53

7 Exemple Calculette en Java 8 public class Calculator extends Frame { private TextField text1, text2 ; private Label result ; public Calculator() { /*... */ buttonadd.addactionlistener(this ::computesum); /*... */ private void computesum(actionevent e) { int value1 = Integer.parseInt(text1.getText()); int value2 = Integer.parseInt(text2.getText()); result.settext(""+(value1+value2)); Création de son composant Il suffit d étendre la classe Component : public class MyComponent extends Component { public MyComponent() { setpreferredsize(new Dimension(200,200)); public void paint(graphics g) { Dimension size = getsize(); g.setcolor(color.white); g.filloval(0, 0, size.width, size.height); g.setcolor(color.blue); g.drawline(0, size.height/2, size.width, size.height/2); g.drawline(size.width/2, 0, size.width/2, size.height); g.setcolor(color.red); g.drawoval(0, 0, size.width, size.height); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Création de son composant frame.add(new MyComponent()); frame.addwindowlistener(new WindowAdapter() { public void windowclosing(windowevent e) { System.exit(0); ); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Création de son composant Changement de la couleur du disque quand on clique sur le composant : public class MyComponent extends Component { private Color color = Color.white ; public MyComponent() { setpreferredsize(new Dimension(200,200)); addmouselistener(new MyMouseAdapter()); public void paint(graphics g) { g.setcolor(color); g.filloval(0, 0, size.width, size.height); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53

8 Création de son composant Changement de la couleur du disque quand on clique sur le composant : public class MyComponent extends Component { private Color color = Color.white ;... private class MyMouseAdapter extends MouseAdapter { public void mouseclicked(mouseevent e) { if (color == Color.white) color = Color.gray ; else color = Color.white ; repaint(); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Relations entre Swing et AWT Swing Swing est plus riche en composants que AWT Swing propose des composants plus jolis (look and feel) Swing respecte l architecture Modèle-Vue-Contrôleur (MVC). Exemple d utilisation de Swing : public class HelloWorld { public static void main(string[] args) { JFrame frame = new JFrame("Hello World!"); frame.setdefaultcloseoperation(jframe.dispose_on_close); JLabel label = new JLabel("Hello, World!"); frame.getcontentpane().add(label); frame.setlocationrelativeto(null); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Les composants de Swing Éléments de base : JButton, JCheckBox, JComboBox, JMenu, JList, JRadioButton, JSlider, JSpinner, JTextField, JPasswordField, JColorChooser, JEditorPane, JTextPane, JFileChooser, JTable, JTextArea, JTree, JLabel, JProgressBar, JSeparator, JToolTip... Conteneurs de haut niveau : JApplet, JDialog, JFrame... Conteneurs : JPanel, JScrollPane, JSplitPane, JToolBar, JTabbedPane, JInternalFrame, JLayeredPane... Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53

9 Look and feel Look and feel Au début du programme : GTKLookAndFeel try { UIManager.setLookAndFeel( "com.sun.java.swing.plaf.gtk.gtklookandfeel"); catch (Exception e) { System.out.println("Error setting LookAndFeel: " + e); MotifLookAndFeel WindowsLookAndFeel Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Création de son composant Swing Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Remarques sur Swing public class MySwingComponent extends JPanel { public MyComponentSwing() { setpreferredsize(new Dimension(200,200)); public void paintcomponent(graphics g) { super.paintcomponent(g); Dimension size = getsize(); g.setcolor(color.white); g.filloval(0, 0, size.width, size.height); g.setcolor(color.blue); g.drawline(0, size.height/2, size.width, size.height/2); g.drawline(size.width/2, 0, size.width/2, size.height); g.setcolor(color.red); g.drawoval(0, 0, size.width, size.height); paint appelle paintcomponent, paintborder, paintchildren Redéfinir paintcomponent pour changer l affichage d un composant Pour redessiner le composant, appeler repaint (pas paint) Dans paintcomponent, commencer par super.paintcomponent(g) Ne pas mélanger des composants de Swing et de AWT Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53

10 JavaFX Depuis 2014, Oracle a abandonné le developpement de Swing : public class HelloWorld extends Application public void start(stage primarystage) { Button button = new Button(); button.settext("say 'Hello World'"); button.setonaction(event->system.out.println("hello World!")); StackPane root = new StackPane(); root.getchildren().add(button); Scene scene = new Scene(root, 300, 250); primarystage.settitle("hello World!"); primarystage.setscene(scene); primarystage.show(); public static void main(string[] args) { launch(args); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 JavaFX JavaFX Depuis 2014, Oracle a abandonné le developpement de Swing au profit de JavaFX : public class HelloWorld extends Application public void start(stage primarystage) { Button button = new Button(); button.settext("say 'Hello World'"); button.setonaction(event->system.out.println("hello World!")); StackPane root = new StackPane(); root.getchildren().add(button); Scene scene = new Scene(root, 300, 250); primarystage.settitle("hello World!"); primarystage.setscene(scene); primarystage.show(); public static void main(string[] args) { launch(args); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 JavaFX JavaFX permet de séparer la présentation du comportement : public class HelloWorld extends Application public void start(stage primarystage) throws Exception { Parent root = FXMLLoader.load( getclass().getresource("helloworld.fxml")); Scene scene = new Scene(root, 300, 275); primarystage.settitle("fxml Welcome"); primarystage.setscene(scene); primarystage.show(); public static void main(string[] args) { launch(args); JavaFX permet de séparer la présentation du comportement : <?xml version="1.0" encoding="utf-8"?> <?import java.lang.*?> <?import java.util.*?> <?import javafx.scene.*?> <?import javafx.scene.control.*?> <?import javafx.scene.layout.*?> <StackPane xmlns:fx=" fx:controller="helloworld.helloworldcontroller" > <Button text="say 'Hello World'" onaction="#handlehelloworldaction"/> </StackPane> Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53

11 JavaFX JavaFX Calculette JavaFX permet de séparer la présentation du comportement : public class HelloWorldController protected void handlehelloworldaction(actionevent event) { System.out.println("Hello World!"); <VBox xmlns:fx=" fx:controller="calculator.calculatorcontroller" > <HBox> <TextField fx:id="numberfield1" /> <TextField fx:id="numberfield2" /> </HBox> <HBox> <Button text="+" onaction="#dosum"/> <Button text="*" onaction="#doproduct"/> </HBox> <HBox> <Label text="résultat : "/> <Label fx:id="resultlabel" /> </HBox> </VBox> Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 JavaFX Calculette public class CalculatorController TextField numberfield1 TextField numberfield2 Label resultlabel ; private int getvalue1() { return Integer.valueOf(numberField1.getText()); private int getvalue2() { return Integer.valueOf(numberField2.getText()); private void setresult(int result) { resultlabel.settext(string.valueof(result)); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 JavaFX Calculette public class CalculatorController { /*... protected void dosum(actionevent event) { protected void doproduct(actionevent event) { setresult(getvalue1()*getvalue2()); /*... */ Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53

12 Possibilité d ajouter des items : Possibilité de cocher des items et de nettoyer la liste : Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 public class Item { public boolean checked ; public String text ; public Item(String text) { this.checked = false ; this.text = text ; <VBox xmlns:fx=" fx:controller="list2.todolistcontroller" > <ListView fx:id="todolist" VBox.vgrow="always" /> <HBox VBox.vgrow="always"> <TextField fx:id="textfield" HBox.hgrow="always" /> <Button onaction="#additem" text="ajouter" HBox.hgrow="always" /> <Button onaction="#clearitems" text="nettoyer" HBox.hgrow="always" /> </HBox> </VBox> Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53

13 public class TodoListController implements Initializable public ListView<Item> todolist public TextField textfield ; private List<Item> list public void initialize(url location, ResourceBundle resources) { list = todolist.getitems(); todolist.setcellfactory(l -> new ListCell()); /*... */ <HBox xmlns:fx=" fx:controller="list2.listcellcontroller" > <CheckBox fx:id="checkbox" onaction="#oncheck" /> <Label fx:id="label" HBox.hgrow="always" /> </HBox> Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 public class ListCell extends javafx.scene.control.listcell<item> { private Node node ; private ListCellController controller ; public ListCell() { try { FXMLLoader loader = new FXMLLoader(getClass().getResource("ListCell.fxml")); node = loader.load(); controller = loader.getcontroller(); catch (IOException e) { throw new RuntimeException(e); /*... */ public class ListCell extends javafx.scene.control.listcell<item> { private Node node ; private ListCellController controller ; /*... public void updateitem(item item, boolean empty) { super.updateitem(item, empty); if (isempty()) { setgraphic(null); return ; setgraphic(node); controller.setitem(item); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53 Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53

14 public class ListCellController public Label label public CheckBox checkbox ; private Item item protected void oncheck(actionevent event) { item.checked = checkbox.isselected(); public void setitem(item item) { this.item = item ; label.settext(item.text); checkbox.setselected(item.checked); Bertrand Estellon (DII AMU) Programmation Orientée Objet 24 novembre / 53