OOP Objekt-orienterad programmering

Relevanta dokument
OOP Objekt-orienterad programmering

Föreläsning 15 (16) Historik (java.awt) Historik (javax.swing) Introduktion till Swing

ITK:P1 Föreläsning 4. Grafiska gränssnitt i Java. AWT-komponenter

TDDE10 m.fl. Objektorienterad programmering i Java Föreläsning 7 Erik Nilsson, Institutionen för Datavetenskap, LiU

Mer om grafiska komponenter. Händelsestyrda program

2I1049 Föreläsning 8. Grafiska gränssnitt i Java. AWT-komponenter. Grafiska gränssnitt, Java interface och händelsehantering

Objektorienterad programmering med Java Swing. Programexempel. Swing och AWT AWT. = Abstract windowing toolkit

Laboration 15 Grafiskt användargränssnitt

Föreläsning 3: Händelsestyrda program och användargränssnitt

Objektorienterad Programkonstruktion. Föreläsning 3 9 nov 2015

Dagens program. Programmeringsteknik och Matlab. Vad är arv? Vi ärver från GregorianCalendar. Kan vi bygga vidare på existerande klasser?

Föreläsning 13: Swing (GUI), händelser, timer

Malmö högskola 2007/2008 Teknik och samhälle

Föreläsnings 11 - GUI, Händelsestyrda program, MVC

Grundläggande programmering, STS 1, VT Sven Sandberg. Föreläsning 18

Java-concept och Swing. Swing low, sweet chariot

Denna vecka. Idag. Grafiskt användarsnitt. Vi kommer att se

Grafiska komponenter.

ITK:P1 Lektion 4. Lektion 4. Lektion 4. Att implementera en spelidé i Java. DSV Peter Mozelius

Objektorienterad Programkonstruktion. Föreläsning 3 7 nov 2016

PROG2 Tenta Gäller SP:PROG2, DSK2:PROG2, FK:PROG2, FK:OOP, DSV1:P2 och ITK:P2

Objektorienterad Programmering DAT043. Föreläsning 5 29/1-18 Moa Johansson (delvis baserat på Fredrik Lindblads material)

Föreläsning 10. Mer om grafiska komponenter Händelsestyrda program. Layout Managers

Föreläsning 10. Mer om grafiska komponenter Händelsestyrda program. Layout Managers. Exempel: FlowLayout. Klassen FlowLayout

Grafiska användargränsnitt i Java. Föreläsning 7 Innehåll. Använda klasspaketet Swing. Klasspaket i Java. Grafiska användargränsnitt i Java

Swing. MER Java Foundation Classes (JFC) Hur lära sig? Vad är farorna. LayoutManagers. Exempel på några av komponenterna

Swing. MER Java Foundation Classes (JFC) Vad är farorna. Hur lära sig? LayoutManagers. Exempel på några av komponenterna

Arv, Grafiska användaregränssnitt och Inre klasser! Förelasning 12!! TDA540 Objektorienterad Programmering!

Lektion Händelsehanterare

Fortsättningskurs i programmering F 5. GUI händelsehantering - undantagshantering Hugo Quisbert AWT. Paket för hantering av grafik

Programmeringsteknik II - HT18. Föreläsning 6: Grafik och händelsestyrda program med användargränssnitt (och Java-interface) Johan Öfverstedt

Arv och Grafiska Användargränssnitt

Grafiska användargränssnitt i Java

Grafiska användargränssnitt i Java

PROG2 Tenta Gäller SP:PROG2, DSK2:PROG2, FK:PROG2, FK:OOP, DSV1:P2 och ITK:P2

SMD091 Lektion 9. Definition. Inkapsling. Lite repetition. Grafik. Gränssnitt Definition och Implementation. Sammansättning... Implementation.

TDDC30 Programmering i Java, Datastrukturer och Algoritmer Lektion 3

27. GUI Programming. Java. Summer 2008 Instructor: Dr. Masoud Yaghini

Properties. Användbara metoder som kan anropas i propertychanged:

DI-institutionen Sid 1 av 6 Hans-Edy Mårtensson Sten Sundin

MVC-mönstret. model-view-control i Swing

TDDC30 Programmering i Java, Datastrukturer och Algoritmer Lektion 3

Objektorienterad programmering med Java Swing: Händelser, lyssnare och applets

1 Grafiska komponenter

PROG2 Tenta Gäller SP:PROG2, DSK2:PROG2, FK:PROG2, FK:OOP, DSV1:P2 och ITK:P2

Lösningar till Fiktiv Tentamen på kursen. 2D4135 Objektorienterad programmering, design och analys med Java vt2004. Teoridel

Lab5 för prgmedcl04 Grafik

5 Användargränssnitt. 5.1 AWT och Swing

Subklasser och arv Inledning till grafik (JFrame och JPanel). Något om interface. Objektorienterad programvaruutveckling GU (DIT011) Subklasser

Repetitionsföreläsning 2: Quiz & problemlösning med swing Inget nytt material.

Grafiskt användargränssnitt (GUI-Graphical User Interface) intro Komponenter

Händelsestyrda program

lgammal2.txt // Lösningar till gammal tentamen // Uppgift 1 a

Kungliga Tekniska Högskolan Ämneskod 2D4134 Nada Tentamensdag 00 - juni - 17 Tentamen i Objektorientering och Java Skrivtid 5 h

ITK:P1 Föreläsning 8. Verktyget Javadoc. Kommentarer för Javadoc. Multimedia för spelkonstruktion

kl

Grafiska användargränssnitt i Java

Frames, menyer och GUI-program

Kort om klasser och objekt En introduktion till GUI-programmering i Java

Projekt 2 XL. Observer-mönstret

Kungliga Tekniska Högskolan Ämneskod 2D4134 Nada Tentamensdag aug - 23 Tentamen i Objektorientering och Java Skrivtid 5 h

Föreläsning 12. Föreläsning 12. Rörliga figurer Klassen Timer Undantag Något om applets. Rörliga appletsfigurer Klassen Timer Undantag

PROG2 Tenta Gäller SP:PROG2, DSK2:PROG2, FK:PROG2, FK:OOP, DSV1:P2 och ITK:P2

Malmö högskola 2007/2008 Teknik och samhälle

Laboration 4: Game of Life

Lösningsförslag till tentamen

725G61 - Laboration 8 Ett enkelt GUI. Sahand Sadjadee och Johan Falkenjack

GUI-program med Swing

Föreläsning 7. Grafiska användargränssnitt

Föreläsning 9. Arv Grafiska komponenter

Detta dokument är ett exempel, cirka andra hälften av en tentamen för TDA545 Objektorienterad programvaruutveckling

TDDC30 Programmering i Java, Datastrukturer och Algoritmer Lektion 5. Laboration 4 Lådplanering Exempel på grafik, ett avancerat program Frågor

Klasser för grafik och bildhantering

Arvshierarki. Object. Bostadshus. Flerfamiljshus. Villa

Kungliga Tekniska Högskolan Ämneskod 2D4134 Nada Tentamensdag maj - 19 Tentamen i Objektorientering och Java Skrivtid 5 h

Föreläsning 14: Grafik & mera händelsehantering

Laboration 24 Databasen MySQL och java

Tentamen i Objektorienterad programmering

Malmö högskola 2007/2008 Teknik och samhälle

Rita Egna Bilder, Timer

FactoryCast HMI. Premium & Quantum PLC. Applets

Tentamen för kursen Objektorienterad programvaruutveckling GU (DIT010)

Applets med komponenter

Lösningsförslag till tentamen

GUI Nyckelbeståndsdelar

Tentamen för kursen Objektorienterad programvaruutveckling GU (DIT010)

Lycka till! TENTAMEN: Objektorienterade applikationer. Läs detta! 1 (6) Tentamen

DUGGA: Objektorienterade applikationer. Läs detta! Uppgifterna är inte avsiktligt ordnade efter svårighetsgrad.

TDDE10 m.fl. Objektorienterad programmering i Java Föreläsning 7 Erik Nilsson, Institutionen för Datavetenskap, LiU

Lösningsförslag till tentamen

2I1073 Lektion 2. Lektion 2a. Lektion 2a. Servlets, säkerhet, och filhantering. import java.io.*; import javax.servlet.*; import javax.servlet.http.

Arv. Grafiska komponenter. Arv. Arvhierarki. Arv. Föreläsning 12 (OH-bilder 9)

Lösningsförslag till tentamen

Lösningsförslag till tentamen

Frivillig Java-swing-Graphics-lab Programmeringsteknik MN1 vt02

Lösningar för tenta 3 DAT043,

Tentamen FYTA11 Javaprogrammering

Lösningsförslag till tentamen

Transkript:

OOP F16:1 OOP Objekt-orienterad programmering Föreläsning 16 Grafiska användargränssnitt, GUI Ytor Komponenter Layout-managers Lyssnare GUI - Graphical User Interface OOP F16:2 Man skapar en yta (ett fönster) och på den ytan adderar man ett antal komponenter. Olika ytor: JFrame - vanligt fönster JApplet - fönster i en webbrowser Olika komponenter: JLabel, JTextField, JRadioButton, JComboBox, JButton Till komponenter kopplas Lyssnare som anger vad som skall hända när man t ex trycker på en knapp. 1

AWT kontra Swing OOP F16:3 AWT (Abstract Windowing Toolkit) Javas bibliotek för GUI Swing (från version 1.2) fler komponenter, utbyggt funktionalitet Denna föreläsning behandlar Swing-klassernas enklare delar (liknar AWT) samt de delar av AWT som fortfarande behövs i AWT Button, TextField etc i Swing JButton, JTextField etc Olika delar som behövs OOP F16:4 Ytor (olika sorters fönster) Komponenter (placeras i ytorna) Layout-managers (hur komponenterna ligger i ytorna) AWT: Frame, Applet Swing: JFrame, JApplet AWT: Label, TextField, Button, Checkbox, TextArea, Panel m.fl. Swing: JLabel, JTextField, JButton, JRadioButton, JTextArea, JPanel m.fl. (motsvarande AWT s + fler) AWT: BorderLayout, FlowLayout, GridLayout m.fl. Swing: använder AWT s + några till Lyssnare (kod för vad som skall hända när man t ex trycker på en knapp etc.) AWT: ActionListener, KeyListener, MouseListener m.fl. Swing: använder AWT s + några till 2

Hur gör man för att skapa ett fönster? OOP F16:5 import javax.swing.*; import java.awt.*; class NamnInmatning extends JFrame{ NamnInmatning(){ super("namninmatning"); setlayout(new FlowLayout()); JLabel l=new JLabel("Namn:"); add(l); JTextField tf=new JTextField(12); add(tf); JButton knapp=new new JButton("Skapa"); add(knapp); setsize(300,75); new NamnInmatning(); JLabel OOP F16:6 En textsträng, kan ej editeras av användaren. import javax.swing.*; class LabelTest extends JFrame{ LabelTest(){ super("exempel Label"); JLabel l=new JLabel("Hej Hopp!"); add(l); setsize(300,75); new LabelTest(); Några metoder hos JLabel: l.settext( Ny text ); //Sätta ny text på JLabel n String s = l.gettext(); //Returnerar texten just nu 3

JButton OOP F16:7 En knapp man kan trycka på. För att nåt skall hända måste lyssnare kopplas på. import javax.swing.*; class KnappTest extends JFrame{ KnappTest(){ super("exempel Knapp"); JButton knapp=new JButton("Knapp"); add(knapp); setsize(200,75); new KnappTest(); Några metoder hos JButton: knapp.settext( Annat ); //Ändra knapptexten String s = knapp.gettext(); //Hämta aktuell knapptext knapp.setenabled(false); //Göra knappen otryckbar knapp.setenabled(true); Vilka olika komponenter finns och vilka metoder & attribut har de? Se java-dokumentationen: http://java.sun.com/javase/6/docs/api/ OOP F16:8 javax.swing Class JButton java.lang.object +--java.awt.component +--java.awt.container +--javax.swing.jcomponent +--javax.swing.abstractbutton +--javax.swing.jbutton 4

JTextField Ett textinmatningsfält där en textsträng kan skrivas in. Scrollar automatiskt. import javax.swing.*; import java.awt.*; OOP F16:9 class TextTest extends JFrame{ TextTest(){ super("exempel Textfält"); JTextField tf=new JTextField(15); add(tf); setsize(200,60); new TextTest(); Några metoder hos JTextField: String s = tf.gettext(); //Avläser texten tf.seteditable(false); //Tillåter inte inmatning Kan även skapas med text från början: JTextField tf = new JTextField( Starttext, 15); JCheckBox och JRadioButton OOP F16:10 En checkruta som kan vara på eller av. RadioTest(){ super("exempel checkboxar"); setlayout(new GridLayout(2,1)); JCheckBox cb=new JCheckBox("Valbar"); JPanel p1=new JPanel(); p1.add(cb); add(p1); JRadioButton rb=new JRadioButton("Valbar2"); JPanel p2=new JPanel(); p2.add(rb); add(p2); setsize(200,100); Avläses med metoden isselected() som returnerar en boolean if (cb.isselected())... ; 5

Vad händer om man trycker på krysset uppe till höger? OOP F16:11 Default-beteendet är att fönstret göms men applikationen fortfarande snurrar. Kan ändras med metoden setdefaultcloseoperation: setdefaultcloseoperation(exit_on_close); LayoutManager OOP F16:12 Om man adderar flera komponenter till en JFrame - hur hamnar dessa då? Det bestäms av vilken LayoutManager som JFrame n har. Alla ytor där komponenter kan adderas har en LayoutManager. Man kan byta LayoutManager om man vill ha en annan än den som är default. Några av de vanligaste: BorderLayout Fem delytor Nord, Syd, Väst, Öst, Center. Default hos JFrame. FlowLayout Komponenterna efter varandra. Radbyte. GridLayout Ett rutmönster med ett antal rader och kolumner. BoxLayout Komponenterna i rad horisontellt eller vertikalt. Ej radbyte LayoutManager ändras med metoden setlayout JFrame fr = new JFrame(); fr.setlayout(new FlowLayout()); 6

10 knappar med FlowLayout OOP F16:13 TenKnapps(){ super("10 Knappar"); setlayout(new FlowLayout()); for (int x=1; x<=10; x++) add(new JButton("Knapp "+x)); setsize(250,150); Knapparna hamnar olika beroende på fönsterstorlek 10 knappar med GridLayout OOP F16:14 TenKnapps(){ super("10 Knappar"); setlayout(new GridLayout(4,3)); for (int x=1; x<=10; x++) add(new JButton("Knapp "+x)); setsize(250,150); GridLayout(4,3) ger 4 rader med 3 kolumner. 7

10 knappar med BoxLayout OOP F16:15 TenKnapps(){ super("10 Knappar"); JPanel pan=new JPanel(); pan.setlayout(new BoxLayout(pan, BoxLayout.Y_AXIS)); for (int x=1; x<=10; x++) pan.add(new JButton("Knapp "+x)); add(pan); setsize(200, 200); med: pan.setlayout(new BoxLayout(pan, BoxLayout.X_AXIS)); BorderLayout OOP F16:16 Delar upp ett fönster i fem logiska delytor West North Center South East De olika delarna är Stringkonstanter i BorderLayout: NORTH WEST CENTER EAST SOUTH Man adderar en komponent per delyta. Vill man ha flera på en delyta så läggs dessa i en JPanel. När man adderar väljer man vart man vill addera: add(komponent, BorderLayout.SOUTH); De delytor som ej har något adderat i sig krymps så att andra delytor expanderas. Center expanderas i första hand. 8

Exempel BorderLayout OOP F16:17 BorderTest(){ super("test av Borderlayout"); JPanel upp=new JPanel(); upp.add(new JLabel("Namn:")); upp.add(new JTextField(15)); add(upp, BorderLayout.NORTH); JPanel ner=new JPanel(); ner.add(new JButton("Skapa")); ner.add(new JButton("Ta bort")); ner.add(new JButton("Sluta")); add(ner, BorderLayout.SOUTH); setsize(300, 250); Man jobbar hela tiden genom att skapa små delpaneler (JPanel s) och i dessa lägga komponenter. Panelerna adderas sedan på lämpligt ställe i JFrame n. Ibland (ofta...) skapar man delpaneler som läggs i paneler (som läggs i paneler...) och sedan adderas till fönstret (JFrame n). FlowLayout är default hos JFrame. Händelser OOP F16:18 När användaren "gör något" i ett GUI-fönster skapas en händelse: trycker på en knapp skriver i ett textfält fyller i en checkbox rör musen över ett fält etc. Denna händelse kan fångas så att man ser till att en viss kod exekveras. Man kopplar en lyssnare till en komponent. När något händer med den komponenten aktiveras lyssnaren och en metod i lyssnaren anropas. En lyssnare är en klass som implementerar ett gränssnitt. Olika gränssnitt för olika händelser. Enklaste gränssnittet t är ActionListener. t interface ActionListener{ void actionperformed(actionevent e); Lyssnar-interfacen ligger på java.awt.event (de flesta, några nya finns i javax.swing.event) 9

Varje fönster har egen livsloop OOP F16:19 När ett fönster ritas upp - setvisible(true) anropas - startar en egen exekveringstråd. Denna känner av användarens aktiviteter i fönstret. När olika saker görs anropas lyssnare. Exekveringen fortsätter tills fönstret stängs. En klass som avslutar en applikation, kopplas t.ex. till en knapp Quit. class QuitLyssnare implements ActionListener{ public void actionperformed(actionevent e){ System.exit(0); Kopplas ihop med en komponent genom att adderas till komponenten JButton quitknapp = new JButton( Quit ); quitknapp.addactionlistener(new QuitLyssnare()); Knappen adderas på lämpligt ställe i fönstret. När man klickar på knappen kommer metoden actionperformed i QuitLyssnare att anropas och i detta fall programmet att avslutas. Placering av lyssnarklasser OOP F16:20 Kan placeras i egen fil. Dock behöver lyssnarna ofta komma åt olika komponenter för att kunna avläsa dessa. Smidigast att placera som inre klasser i JFrame-subklassen. class ExempelGUI extends JFrame{ JButton skapaknapp, pp quitknapp; JTextField inmatning; ExempelGUI(){ //Konstruktor som skapar komponeterna, placerar dem i fönstret //kopplar ihop med lyssnare och startar fönsterexekveringstråden class SkapaLyssnare implements ActionListener{ public void actionperformed(actionevent e){ //Det som skall göras. Har åtkomst till de globala komponenterna new ExempelGUI(); 10

import java.awt.*; import java.awt.event.*; import javax.swing.*; class Celsius extends JFrame{ JTextField inmat; JLabel res; public Celsius(){ super("temperatur-converter"); setlayout(new GridLayout(2,1)); JPanel upp=new JPanel(); upp.add(new JLabel("Temperatur (celsius):")); inmat=new JTextField(5); upp.add(inmat); add(upp); JPanel ner=new JPanel(); JButton knapp=new JButton("Beräkna"); knapp.addactionlistener(new Lyss()); ner.add(knapp); ner.add(new JLabel("Fahrenheit =")); res=new JLabel("---"); ner.add(res); add(ner); setsize(220, 100); setlocation(200,300); setdefaultcloseoperation(exit_on_close); class Lyss implements ActionListener{ public void actionperformed(actionevent e){ String str = inmat.gettext(); int cels = Integer.parseInt(str); int fahr = (int)(9.0/5.0*cels+32); res.settext(string.valueof(fahr)); new Celsius(); OOP F16:21 Vi vill skapa ett litet GUI där man kan kolla göra om celsius till fahrenheit Till vänster finns koden som skapar ett sådant fönster. Med lyssnare. 11