Grafische Benutzeroberflächen mit Swing
Werbung
Grafische Benutzeroberflächen mit Swing Jan Krüger [email protected] Organisatorisches ● Dienstags , 16.6.2008 (12 – 14 Uhr) in H13 – 1. Teil ● ● – 2. Teil ● ● ● Ereignissteuerung in Java/Swing Einführung in Threads Freitags, 19.6.2008 (16 – 18 Uhr) GZI (V2- 222, V2-229 und V2-234) – – V2-240 Überblick über Java/Swing Designpattern : MVC V2-229 V2-221 Übung : ein Taschenrechner mit JFC/Swing richtet sich an Java/JFC/Swing Einsteiger Übersicht ● Historisches – – ● ● ● Applet vs. WebStart vs. Application Sicherheitskonzepte in Java / Sandbox DesignPattern : MVC – ● ● AWT vs. JFC/Swing leicht- und schwergewichtige Elemente Beispiel Swing : Komponenten, Layouts, Ereignisse Threads Historisches (1) ● Java 1.0 (1996) AWT (AbstractWindowToolkit) package java.awt.* ● Java 1.1 (1997) OO- Ereignissteuerung, JFC/Swing als Erweiterung package javax.swing.* ● seit Java 1.2 (1998) JFC/Swing als Standard GUI Historisches (2) AWT ● ● ● ● nur wenige Komponenten Thread-sicher kein MV Prinzip HeavyWeight JFC/Swing ● ● ● ● ● ● unzählige Komponenten erweiterbar nicht Thread-sicher MV Prinzip skinable LightWeight LightWeight vs. HeavyWeight ● ● ● ● ● keine direkte Repräsentation im UI plattformunabhängig aber : keine plattformspezifischen Komponenten Erscheinungsbild kann während der Laufzeit und unabhängig vom System geändert werden (skinable) einfach erweiterbar Applet, Webstart und Applikation Browser javaws java JVM Sandbox Applet WebStart Application Designpattern ModelViewController Model View Controller Modell (Model) ● ● Datenfelder Logik (Funktionen) Model View Controller Repräsentation (View ) ● ● Darstellung des Modells Benutzerinteraktion Model View Controller Steuerung (Controller) ● ● ● Benutzeraktion auswerten Aktion ausführen Präsentation ändern Model View Controller Ein Fenster zur Welt import javax.swing.JFrame; public class HelloSwingFrame { public static void main(String[] args) { JFrame f = new JFrame("Das Fenster zur Welt!"); f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); f.setSize(300,200); f.setVisible(true); } } Klassenhierachie Canvas javax.swing.* Panel TextComponent Component Container JTextComponent JComponent Button CheckBox JPanel AbstractButton Window JWindow Frame java.awt.* JFrame Buttons JButton JToggleButton JCheckBox JRadioButton AbstractButton JMenuItem JMenu JCheckBoxMenuItem JRadioButtonMenuItem JButton import javax.swing.JButton; import javax.swing.JFrame; public class Beispiel_JButton { public static void main(String [] args){ JFrame f = new JFrame("Das Fenster zur Welt!"); f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); f.add(new JButton("Ich bin ein JButton!")); f.setSize(300,200); f.setVisible(true); } } JTextComponent JTextComponent JTextField JTextArea JEditorPane JTextPane JFormattedTextField JPasswordField Text Controls Plain Text Areas Styled Text Areas JTextField import javax.swing.JFrame; import javax.swing.JTextField; public class Beispiel_JTextField { public static void main(String[] args) { JFrame f = new JFrame("Das Fenster zur Welt!"); f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); f.add(new JTextField("Ich bin ein JTexfield!",60)); f.setSize(300,200); f.setVisible(true); } } JLabel import javax.swing.JFrame; import javax.swing.JLabel; public class Beispiel_JLabel { public static void main(String[] args) { JFrame f = new JFrame("Das Fenster zur Welt!"); f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); f.add(new JLabel("Ich bin ein JLabel!",60)); f.setSize(300,200); f.setVisible(true); } } JPanel ● ● ● Behälter für andere JComponenten (JPanel, JButton, JTextField, ...) JPanel zeichnet nur seinen Hintergrund benutzt einen LayoutManager um JComponenten im JPanel anzuordnen typische Anwendung : Positionieren von JComponenten Layout : FlowLayout ... public class Beispiel_FlowLayout extends JPanel{ public Beispiel_FlowLayout(){ for(int i = 1; i <= 5; ++i){ add(new JButton("Button "+(Math.pow(10, i)))); } } public static void main(String[] args) { JFrame f = new JFrame("FlowLayout"); f.add(new Beispiel_FlowLayout()); f.pack(); f.setVisible(true); } } Layout : BorderLayout ... public class Beispiel_BorderLayout extends JPanel{ public Beispiel_BorderLayout(){ setLayout(new BorderLayout()); add(new JButton("Norden"),BorderLayout.NORTH); add(new JButton("Westen"),BorderLayout.WEST); add(new JButton("Osten"),BorderLayout.EAST); add(new JButton("Süden"),BorderLayout.SOUTH); add(new JButton("Mitte"),BorderLayout.CENTER); } ... Layout : GridLayout ... public class Beispiel_GridLayout extends JPanel { public Beispiel_GridLayout(){ setLayout(new GridLayout(3,3)); for (int i = 9; i >= 1; --i){ add(new JButton(new Integer(i).toString())); } } ... Layout : BoxLayout ... public class Beispiel_BoxLayout extends JPanel { public Beispiel_BoxLayout(){ this(BoxLayout.X_AXIS); } public Beispiel_BoxLayout(int direction){ setLayout(new BoxLayout(this, direction)); for(int i = 1; i <=5; ++i){ add(new JButton(new Integer(i).toString())); } } ... Ereignissteuerung ● ● ● ● eine Komponente kann ein Ereignis (Event) auslösen jedes Event wird durch eine Klasse repräsentiert (z.B. ActionEvent) ein Event kann durch ein oder mehrere Listener verarbeitet werden JComponents haben ähnliche Methoden zum Hinzufügen und Entfernen von Listenern für ein unterstütztes Event – addXXXListener(XXXEvent) – removeXXXListener(); Beispiel : Das Interface ActionListener import import import import public java.awt.event.ActionEvent; java.awt.event.ActionListener; javax.swing.JButton; javax.swing.JFrame; class BeispielActionListener implements ActionListener { public void actionPerformed(ActionEvent ae){ //Ausgabe des zum ActionEvent gehörenden ActionEvent System.out.println(“Geklickt: ”+ae.getActionCommand()); } public static void main(String[] args){ JFrame jf = new Jframe(“BeispielActionListener”); //Beschriftung des Jbutton ist gleichzeitig ActionCommand JButton jb = new JButton(“Klick mich”); BeispielActionListener bal = new BeispielActionListener(); jb.addActionListener(bal); jf.setVisible(true); jf.pack(); } } bei Klick > Geklickt: Klick mich Events und Listener Typen ● Es gibt viele weitere, spezialisierte Eventund dazu passende Listener-Typen Mehr dazu unter: http://java.sun.com/docs/books/tutorial/uiswing/events/index.html Was sind Threads? ● ● ● Erlauben Nebenläufigkeit von unterschiedlichen Programmteilen Quasi-parallel, je nach Systemarchitektur auch echt parallel Ermöglichen bessere Ausnutzung von Prozessorzeit und anderen Resourcen, z.B. Bandbreite einer Internetverbindung Threads in Java: Die Klasse java.lang.Thread public class ThreadDemo extends Thread{ //Diese Methode stammt aus Runnable, ist aber in Thread //leer implementiert und muss daher überschrieben werden public void run(){ //Zählen in einer Schleife von 0 bis 9 for(int i=0;i<10;i++){ //Ausgabe jeder Zahl auf der Konsole System.out.println("Zahl "+i); } //fertig! System.out.println("Fertig!"); } public static void main(String[] args){ //Erzeugen einer neuen Instanz, inklusive Thread ThreadDemo td = new ThreadDemo(); //Thread starten td.start(); } } Threads in Java: Das Interface java.lang.Runnable public class RunnableDemo implements Runnable{ //Diese Methode stammt aus Runnable und muss //implementiert werden public void run(){ //Zählen in einer Schleife von 0 bis 9 for(int i=0;i<10;i++){ //Ausgabe jeder Zahl auf der Konsole System.out.println("Zahl "+i); } //fertig! System.out.println("Fertig!"); } public static void main(String[] args){ //Erzeugen einer neuen Instanz RunnableDemo rd = new RunnableDemo(); //Erzeugen eines Thread, um das Runnable auszuführen Thread t = new Thread(rd); //Thread starten t.start(); } } Beispiel: Downloadmanager ● ● ● ● Wir wollen ein Programm zum Download von Dateien schreiben Es sollen mehrere Dateien geladen werden können Eingabe: URLs, die die Dateien auf einem entfernten Rechner addressieren, Zugriff über das http Protokoll Öffnen einer Verbindung pro Datei, herunterladen der Datei auf den lokalen Rechner Beispiel: Downloadmanager public class DownloadManager{ public DownloadManager(URL[] url) { //Vereinfachte For-Schleife for(URL u:url){//sequentiell-> Ausführung hintereinander download(u); } } public File download(URL url) { //Öffne http Verbindung HttpURLConnection connection = (HttpURLConnection) url.openConnection(); //Verbinde mit Server connection.connect(); //öffne url InputStream istream = connection.getInputStream(); //lese von istream und schreibe in datei (ohne Details) return readFile(istream); } ... } Beispiel: Downloadmanager ● ● ● Problem 1: Wir wollen mehr als eine Datei gleichzeitig herunterladen können, um unseren Internetanschluß voll auszulasten Problem 2: Download einer Datei dauert eventuell sehr lang, andere sind vielleicht schneller heruntergeladen Lösung: Jede Datei wird von einem eigenen, unabhängigen Thread heruntergeladen! Beispiel: Downloadmanager Beispiel: Downloadmanager public class Download implements Runnable { private URL url = null; public Download(URL url) { this.url = url; } public void run() { HttpURLConnection connection = null; try {//Verbindung aufbauen connection = (HttpURLConnection) url.openConnection(); connection.connect(); readFile(connection.getInputStream());//einlesen } catch (IOException e) { e.printStackTrace(); } finally { if (connection != null) {//Verbindunng in jedem Fall schliessen connection.disconnect(); } } ... } Beispiel: Downloadmanager public class DownloadManager2{ public DownloadManager2(URL[] url) { //Vereinfachte For-Schleife (ab Java 1.5) for(URL u:url){//sequentiell-> Ausführung hintereinander Thread t = new Thread(new Download(u)); t.start();//Methode kehrt sofort zurück -> Ausführung der //anderen Downloads beginnt unmittelbar } } public static void main(String[] args) { URL[] url = new URL[args.length];//Vorsicht, evtl. ist args==null for(int i=0;i<args.length;i++) { url[i] = new URL(args[i]); } //Download starten DownloadManager2 dm = new DownloadManager2(url); } } Speziallfall Swing: Der Event Dispatch Thread ● ● ● Die meisten Swing Objektmethoden sind nicht synchronisiert => Veränderungen durch verschiedene Threads können zu Inkonsistenzen führen Daher: Synchronisierungen von Änderungen über den Event Dispatch Thread => Events werden dadurch in der Reihenfolge Ihres Eintreffens ausgeführt Code auf dem EDT sollte nicht lange brauchen, sonst => Blockieren der GUI! ActionListener revisited, wie man die GUI blockiert ... public class BeispielActionListener implements ActionListener { ... public void actionPerformed(ActionEvent ae){ //Ausgabe des zum ActionEvent gehörenden ActionEvent System.out.println(“Geklickt: ”+ae.getActionCommand()); //eintausend Wiederholungen for(int i = 0; i< 1000;i++) { if (SwingUtilities.isEventDispatchThread(){ //Ausführung im EventDispatchThread? System.out.println("Running on EDT!"); } try {//Für 100 Millisekunden schlafen Thread.sleep(100); } catch (InterruptedException e) { e.printStackTrace(); } } ... > Geklickt: Klick } bei Klick und 1000x > Running on EDT! mich Spezialfall Swing: Der Event Dispatch Thread //Erweiterung von Download public class Download implements Runnable { //Jlabel stellt u.a. einzeilige Strings dar, nicht editierbar! Jlabel progressLabel = null; ... public Download(URL url, Jlabel progressLabel) { this.url = url; this.progressLabel = progressLabel; } @Override public void run() { HttpURLConnection connection = null; try {//Verbindung aufbauen updateLabel(“Baue Verbindung auf zu “+url.toString()); connection = (HttpURLConnection) url.openConnection(); connection.connect(); updateLabel(“Verbunden”); readFile(connection.getInputStream());//einlesen updateLabel(“Datei geladen!”); ... } } Spezialfall Swing: Der Event Dispatch Thread //Erweiterung von Download public class Download implements Runnable { ... //message ist als final (unveränderlich) deklariert private void updateLabel(final String message) { Runnable r = new Runnable( public void run() { //Nur Setzen der Nachricht auf dem Jlabel, //keine zeitintensiven Aktionen! progressLabel.setText(message); } ); //Führt r demnächst auf dem EventDispatch aus SwingUtilities.invokeLater(r); } ... } Threads: Zusammenfassung ● ● ● ● Threads sind in Java einfach zu benutzen Für unabhängige Aufgaben in einer GUI: s.h. Beispiel MyWorker im Skript Je unabhängiger ein Programmteil von Interaktion mit anderen ist, desto einfacher ist dessen Auslagerung in einen Thread Mit Threads sind vorhandene Resourcen, z.B. verfügbare Prozessoren eines Rechners besser nutzbar Threads: Zusammenfassung ● ● ● Offene Probleme: Threads, die sich eine Resource teilen, z.B. die Standardausgabe (Konsole), konkurrieren um den Zugriff darauf => Synchronisierung nötig, sonst nicht vorhersagbares Verhalten Nicht behandelt: Der Lebenszyklus eines Threads Dazu und zu vielem mehr http://java.sun.com/docs/books/tutorial/essential/concurrency/ Lesenswertes ... ● Java ist auch eine Insel – Kapitel 15 http://www.galileocomputing.de/openbook/javainsel7/ ● Swing Tutorial http://java.sun.com/docs/books/tutorial/uiswing/
