Zentrale Objekte zur Programmierung graphischer Benutzeroberflächen (GUI)

Transkript

1 1 JAVA für Bauingenieure Alexander Karakas SS 2008 Zentrale Objekte zur Programmierung graphischer Benutzeroberflächen (GUI)

2 2 Was ist ein(e) GUI? GUI = Graphical User Interface = Graphische Benutzerschnittstelle = Graphische Benutzeroberfläche Graphische Darstellung der Anwendungsdaten und Interaktions-möglichkeiten in Fenstern Steuerung der Anwendung durch Maus- und Tastaturaktionen auf GUI-Elementen in den Fenstern In Java gibt es zwei Schnittstellen zur GUI-Programmierung: Abstract Window Toolkit (AWT) SWING API

3 3 AWT Abstract Window Toolkit Einfache Grafikelemente (Linien, Punkte, etc.) graphische Interaktionskomponenten (Fenster, Textfelder, etc.) Modell zur Ereignissteuerung (Maus, Tastatur, etc.) wird auch für SWING verwendet stark abhängig von den unterstützen Systemen ( heavyweight = an das Betriebsystem gebunden) viele Teile bereits veraltet Package: java.awt

4 4 SWING Swing GUI Components Erweiterung des AWT und plattformunabhängig Teil der Java Foundation Classes Look and Feel (= Aussehen) einstellbar größerer Funktionsumfang Komponenten sind lightweight alle Klassen abgeleitet von JComponent Package: javax.swing

5 5 SWING & AWT SWING und AWT besitzen: Komponenten, die graphischer Anzeige oder Benutzerinteraktion dienen: Button Textfield Scrollbar... etc. Container = Komponente, die andere Komponenten beinhalten kann: Frame Panel Dialog... etc. Hinweis: Man kann entweder AWT oder SWING benutzen! Nicht beides zusammen!

6 6 Layout-Manager Layout-Manager legen die Ausrichtung und Anordnung von Komponenten fest JAVA bietet verschiedene LayoutManager Paket: java.awt Klasse LayoutManager wird verwendet in SWING und AWT

7 7 Layout-Manager: FlowLayout Komponenten werden in ihrer Reihenfolge nach, z.b. von links nach rechts fließend angeordnet steht kein Platz mehr zur Verfügung, wird eine neue Zeile begonnen Standard Layout-Manager Instantiierung: FlowLayout flow = new FlowLayout();

8 8 Layout-Manager: GridLayout Aufteilung in Zeilen und Spalten eines Gitters ( = grid) Reihenfolge der Aufrufe der add(component) -Methode bestimmt die Anordnung der Komponenten Instantiierung: GridLayout grid = new GridLayout(2,3);

9 9 Layout-Manager: BorderLayout Unterteilung der Fläche in 5 Bereiche Beim Einfügen muss die Position angegeben werden: BorderLayout.NORTH BorderLayout.CENTER BorderLayout.WEST BorderLayout.EAST BorderLayout.SOUTH Beispiel: border.add(borderlayout.north, new JButton( Button 1 );

10 10 SWING Komponenten I Zentraler Container JFrame besitzt verschiedene Container JPanes zur Unterteilung (z.b mittels Layout-Manager) Beispiel: JFrame jf = new JFrame( FrameDemo ); jf.setsize(200,100); jf.setvisible(true);

11 11 SWING Komponenten II Container JPanel Komponenten JLabel und JButton JPanel jp = new JPanel(new BorderLayout()); JLabel jl = new JLabel( TestText ); JButton jb = new Jbutton( One ); jp.add(borderlayout.north, jl); jp.add(jb); jp.setvisible(true);

12 12 SWING Komponenten III Es gibt zahlreiche weitere SWING-Komponenten: JCheckButton JLabel JMenu JCombobox JradioButton JButton JList JSlider JTextField JToolTip

13 13 Aufbau einer SWING - Anwendung 1. JFrame erzeugen (oder eine Klasse, die einen JFrame instantiiert): public class GuiTest extends JFrame Im Konstruktor ein JPanel erzeugen: JPanel namepanel = new JPanel(); 3. Dem Panel ein Layout zuweisen, z.b.: namepanel.setlayout(new GridLayout(2,1)); 4. Komponenten erzeugen, z.b. JLabel, JButton, etc. : JLabel mylabel= new JLabel( TestText ); 5. Mit der add()-methode des Containers die Komponente(n) hinzufügen: namepanel.add(mylabel);

14 14 Ändern, z.b. von Größe und Position Um die Größe und Position von Fenstern zu ändern, besitzt die Klasse JFrame verschiedene Methoden (geerbt von JComponent) : void setsize(int width, int height) verändert die Größe einer Komponente void setlocation(int x, int y) setzt die Komponente an die Position x, y Bildschirm bzw. Container-Koordinaten: links oben ist Ursprung (0,0) Eine übersichtliche Darstellung aller SWING-Komponenten findet man unter: