Grafische Benutzeroberflächen mit Swing

Transkript

1 Grafische Benutzeroberflächen mit Swing Jan Krüger

2 Organisatorisches Dienstags, (12 14 Uhr) in H13 1. Teil Überblick über Java/Swing Designpattern : MVC 2. Teil Ereignissteuerung in Java/Swing Einführung in Threads V2-229 V2-221 Freitags, (16 18 Uhr) GZI (V2-222, V2-229 und V2-234) Übung : ein Taschenrechner mit JFC/Swing richtet sich an Java/JFC/Swing Einsteiger V2-240

3 Übersicht Historisches AWT vs. JFC/Swing leicht- und schwergewichtige Elemente Applet vs. WebStart vs. Application Sicherheitskonzepte in Java / Sandbox DesignPattern : MVC Beispiel Swing : Komponenten, Layouts, Ereignisse Threads

4 Historisches (1) Java 1.0 (1996) AWT (AbstractWindowToolkit) package java.awt.* Java 1.1 (1997) OO- Ereignissteuerung, JFC/Swing als Erweiterung seit Java 1.2 (1998) JFC/Swing als Standard GUI package javax.swing.*

5 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

6 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

7 Applet, Webstart und Applikation Browser javaws java JVM Sandbox Applet WebStart Application

8 Designpattern ModelViewController Model View Controller

9 Datenfelder Logik (Funktionen) Modell (Model) Model View Controller

10 Repräsentation (View ) Darstellung des Modells Benutzerinteraktion Model View Controller

11 Steuerung (Controller) Benutzeraktion auswerten Aktion ausführen Präsentation ändern Model View Controller

12 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);

13 Klassenhierachie Canvas Panel javax.swing.* TextComponent JTextComponent Component Container JComponent JPanel Button AbstractButton CheckBox Window JWindow Frame JFrame java.awt.*

14 Buttons JButton JToggleButton JCheckBox AbstractButton JRadioButton JMenuItem JMenu JCheckBoxMenuItem JRadioButtonMenuItem

15 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);

16 JTextComponent JTextComponent JTextField JTextArea JEditorPane JFormattedTextField JTextPane JPasswordField Text Controls Plain Text Areas Styled Text Areas

17 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);

18 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);

19 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

20 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);

21 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);...

22 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()));...

23 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()));...

24 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();

25 Beispiel : Das Interface ActionListener import java.awt.event.actionevent; import java.awt.event.actionlistener; import javax.swing.jbutton; import javax.swing.jframe; public 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

26 Events und Listener Typen Es gibt viele weitere, spezialisierte Eventund dazu passende Listener-Typen Mehr dazu unter:

27 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

28 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();

29 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();

30 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

31 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);...

32 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!

33 Beispiel: Downloadmanager

34 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();...

35 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);

36 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!

37 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 mich und 1000x > Running on EDT! bei Klick

38 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 = 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! );...

39 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);...

40 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

41 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

42 Lesenswertes... Java ist auch eine Insel Kapitel 15 Swing Tutorial