Lecture 21. Listening to events on a GUI (and development of a loop)

Slides:



Advertisements
Similar presentations
Mouse Listeners We continue our examination of GUIs by looking at how to interact with the mouse –Just as Java creates Events when the user interacts with.
Advertisements

Computer Science 209 Graphics and GUIs. Working with Color The class java.awt.Color includes constants for typical color values and also supports the.
Mouse Events and Keyboard Events
Event Handling Events and Listeners Timers and Animation.
Unit 12 Object-oriented programming: Event-driven programming for GUI Jin Sa.
Graphical User Interfaces Allow for interaction with –Buttons –Menus –Text Fields Two Java Libraries to assist in GUI Programming –AWT –Swing.
CS/ENGRD 2110 FALL 2014 Lecture 15: Graphical User Interfaces (GUIs): Listening to events 1.
1 Listening to events on GUIs Sec contains this material. Corresponding lectures on ProgramLive CD is a better way to learn the material. Top finalists.
Η Χρήση της πληροφορικής στην Εκπαίδευση Is "computer" a masculine or feminine word? A Spanish teacher was explaining to her class that in Spanish, unlike.
Welcome to CIS 083 ! Events CIS 068.
MIT AITI 2003 Lecture 17. Swing - Part II. The Java Event Model Up until now, we have focused on GUI's to present information (with one exception) Up.
Java GUIs and Graphics CNS Outline  Introduction  Events  Components  Layout managers  Drawing  Introduction  Events  Components  Layout.
GUI Components and Design Here we add one more component to our programs, JButtons –JButtons can only be inserted into JPanels (or JApplets) –Clicking.
(c) University of Washington07b-1 CSC 143 Java Events, Event Handlers, and Threads Reading: Ch. 17.
SD2071 Games Programming Abstraction, inheritance and interfaces Exceptions Two dimensional arrays Java collections framework Files Aaron Kans.
7/3/00SEM107- © Kamin & ReddyClass 11 - Events - 1 Class 11 - Events r A couple of odds & ends m Component sizes  switch statement r Event types r Catching.
Previous programs used a JLabel for OUTPUT. Another Swing component that can be used for both user input and output is the JTextfield. Suppose we want.
Lesson 34: Layering Images with Java GUI. The FlowLayout RECAP.
– Advanced Programming P ROGRAMMING IN Lecture 21 Introduction to Swing.
CS2110. GUIS: Listening to Events 1 Download the demo zip file from course website and look at the demos of GUI things: sliders, scroll bars, combobox.
Graphic User Interface. Graphic User Interface (GUI) Most of us interact with computers using GUIs. GUIs are visual representations of the actions you.
Copyright © 2002, Systems and Computer Engineering, Carleton University b-Gui2.ppt * Object-Oriented Software Development Part 18-b Building.
MSc Workshop - © S. Kamin, U.Reddy Lect 4 - Events - 1 Lecture 4 – Event Handling r Painting r Event types r Catching different event types.
12/5/00SEM107, Kamin & ReddyReview - 34 Events Event types Catching different event types Getting information from components and events Distinguishing.
Layout Managers Arranges and lays out the GUI components on a container.
For (int i = 1; i
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Outline 21.1 Test-Driving the Painter Application.
CS2110. GUIS: Listening to Events Also Example of Stepwise Refinement and Anonymous classes 1 Download the demo zip file from course website and look at.
Creating a GUI with JFC/Swing. What are the JFC and Swing? JFC –Java Foundation Classes –a group of features to help people build graphical user interfaces.
Java GUI. Graphical User Interface (GUI) a list a button a text field a label combo box checkbox.
CMSC 341 Making Java GUIs Functional. 09/29/2007 CMSC 341 Events 2 More on Swing Great Swing demo at /demos/jfc/SwingSet2/SwingSet2Plugin.html.
Agenda Introduction. Event Model. Creating GUI Application. Event Examples.
1 12 Apr 2011 GUIS: Graphical User Interfaces Their mouse had a mean time between failure of … a week … it would jam up irreparably, or... jam up on the.
GUI DYNAMICS Lecture 11 CS2110 – Fall GUI Statics and GUI Dynamics  Statics: what’s drawn on the screen  Components buttons, labels, lists, sliders,
1 Lecture 25 Listening to buttons and mice Quotes by Tony Hoare There are two ways of constructing a software design: (1) make it so simple that there.
Mouse Listeners Moving the mouse will also generate events like the Timer –To have your program respond, you must implement either or both of MouseListener.
(c) by Elizabeth Sugar Boese.1 Chapter 6 Events - Lecture Slides.
1 Listening to events on GUIs Sec contains this material. Corresponding lectures on ProgramLive CD is a better way to learn the material. Why men.
Event-Driven Programming F Procedural programming is executed in procedural order. F In event-driven programming, code is executed upon activation of events.
1/18H212Mouse and Timer Events H212 Introduction to Software Systems Honors Lecture #16: Mouse and Timer Events October 26, 2015.
What Is an Event? Events – Objects that describe what happened Event sources – The generator of an event Event handlers – A method that receives an event.
Swing GUI Components So far, we have written GUI applications which can ‘ draw ’. These applications are simple, yet typical of all Java GUI applications.
Lesson 28: More on the GUI button, frame and actions.
MIT AITI 2004 Swing Event Model Lecture 17. The Java Event Model In the last lecture, we learned how to construct a GUI to present information to the.
GUI Tutorial Day 4. More GUI action  adding a Mouse Listener  SimpleDots  Simple mouse listener  Draw an oval where the mouse is clicked  Box example.
5-1 GUIs and Events Rick Mercer. 5-2 Event-Driven Programming with Graphical user Interfaces  Most applications have graphical user interfaces to respond.
1 12. Listening to events. Inner and anonymous classes Why men think “computer” should be a feminine word 1. No one but their creator understands their.
Prepared by: Dr. Abdallah Mohamed, AOU-KW Unit7: Event-driven programming 1.
GUI.1 Graphical User Interfaces GUIs. GUI.2 The Plan Components Flat Layouts Hierarchical Layouts Designing a GUI Coding a GUI.
10/20/2005week71 Graphics, mouse and mouse motion events, KeyEvent Agenda Classes in AWT for graphics Example java programs –Graphics –Mouse events –Mouse.
Review Session for EXCEPTIONS & GUI -Ankur Agarwal 1.
CS2110. GUIS: Listening to Events
Introduction Many Java application use a graphical user interface or GUI (pronounced “gooey”). A GUI is a graphical window or windows that provide interaction.
CompSci 230 S Programming Techniques
Web Design & Development Lecture 11
CS2110. GUIS: Listening to Events
Computer Science 209 Graphics and GUIs.
8 April 2008 GUIS —Graphical User Interfaces
Listening to events on GUIs
Ellen Walker Hiram College
GUI Programming III: Events
CS2110. GUIS: Listening to Events
Event-driven programming for GUI
CS2110. GUIS: Listening to Events
Web Design & Development Lecture 12
CS2110. GUIS: Listening to Events
Events, Event Handlers, and Threads
CS2110. GUIS: Listening to Events
12. Listening to events. Inner and anonymous classes
13 April 2010 GUIS: Graphical User Interfaces
Presentation transcript:

Lecture 21. Listening to events on a GUI (and development of a loop) Sec. 17.4 contains this material. Corresponding lectures on ProgramLive CD is a better way to learn the material. Why men think “computer” should be a feminine word 1. No one but their creator understands their internal logic. 2. The native language they use to talk with other computers is incomprehensible to everyone else. 3. Even the smallest mistakes are stored in long term memory for possible later retrieval. 4. As soon as you commit to one, half your paycheck goes for accessories for it. Why women think “computer” should be a masculine word 1. In order to do anything with them, you have to turn them on. 2. They have a lot of data but still can't think for themselves. 3. They are supposed to help you solve problems, but half the time they ARE the problem. 4. As soon as you commit to one, you realize that if you had waited a little longer, you could have gotten a better model.

Listening to events: mouseclick, mouse movement into or out of a window, a keystroke, etc. • An event is a mouseclick, a mouse movement into or out of a window, a keystroke, etc. • To be able to “listen to” a kind of event, you have to Write a method that will listen to the event. Let Java (syntactically) know that the method is defined in the class. Register an instance of the class that contains the method as a listener for the event. We show you how to do this for clicks on buttons, clicks on components, and keystrokes.

Write the procedure to be called when button is clicked: /** Process click of button */ public void actionPerformed(ActionEvent ae) { ... } Have class implement interface ActionListener: public class C extends JFrame implements ActionListener { ... } 4. Add instance of this class as an “action listener” for button: button.addActionListener(this); Listening to a Button

/** An instance has two buttons. Exactly one is always enabled. */ public class ButtonDemo1 extends JFrame implements ActionListener { /** Class invariant: exactly one of eastB and westB is enabled */ private JButton westB= new JButton("west"); private JButton eastB= new JButton("east"); /** Constructor: frame with title t & two buttons */ public ButtonDemo1(String t) { super(t); Container cp= getContentPane(); cp.add(westB, BorderLayout.WEST); cp.add(eastB, BorderLayout.EAST); westB.setEnabled(false); eastB.setEnabled(true); westB.addActionListener(this); eastB.addActionListener(this); pack(); setVisible(true); } Listening to a Button /** Process a click of a button */ public void actionPerformed (ActionEvent e) { boolean b= eastB.isEnabled(); eastB.setEnabled(!b); westB.setEnabled(b); } red: listening blue: placing

A JPanel that is painted The content pane has a JPanel in its CENTER and a “reset” button in its SOUTH. The JPanel has a horizontal box b, which contains two vertical Boxes. Each vertical Box contains two instances of class Square. Click a Square that has no pink circle, and a pink circle is drawn. Click a square that has a pink circle, and the pink circle disappears. Click the rest button and all pink circles disappear. This GUI has to listen to: (1) a click on a Button (2) a click on a Square these are different kinds of events, and they need different listener methods

/. An instance is a JPanel of size (WIDTH,HEIGHT) /** An instance is a JPanel of size (WIDTH,HEIGHT). Green or red depending on whether the sum of constructor parameters is even or odd. .. */ public class Square extends JPanel { public static final int HEIGHT= 70; // height and public static final int WIDTH= 70; // width of square private int x, y; // Coordinates of square on board private boolean hasDisk= false; // = "square has pink disk" /** Constructor: a square at (x,y) */ public Square(int x, int y) { this.x= x; this.y= y; setPreferredSize(new Dimension(WIDTH,HEIGHT)); } /** Complement the "has pink disk" property */ public void complementDisk() { hasDisk= ! hasDisk; repaint(); // Ask the system to repaint the square Class Square continued on next page

continuation of class Square /* paint this square using g. System calls paint whenever square has to be redrawn.*/ public void paint(Graphics g) { if ((x+y)%2 == 0) g.setColor(Color.green); else g.setColor(Color.red); g.fillRect(0, 0, WIDTH-1, HEIGHT-1); if (hasDisk) { g.setColor(Color.pink); g.fillOval(7, 7, WIDTH-14, HEIGHT-14); } g.setColor(Color.black); g.drawRect(0, 0, WIDTH-1,HEIGHT-1); g.drawString("("+x+", "+y+")", 10, 5+HEIGHT/2); /** Remove pink disk (if present) */ public void clearDisk() { hasDisk= false; // Ask system to // repaint square repaint(); }

Javax.swing.event.MouseInputAdapter implements MouseListener mouseClicked() mouseEntered() mouseExited() mousePressed() mouseReleased() MIA a1 mouseClicked() { … } MouseEvents a2 … JFrame MouseDemo2() { … … } MouseDemo2 a1 me a4 b00 b00.addMouseListener(me); a4 … JButton

A class that listens to a mouseclick in a Square import javax.swing.*; import javax.swing.event.*; import java.awt.*; import java.awt.event.*; /** Contains a method that responds to a mouse click in a Square */ public class MouseEvents extends MouseInputAdapter { // Complement "has pink disk" property public void mouseClicked(MouseEvent e) { Object ob= e.getSource(); if (ob instanceof Square) { ((Square)ob).complementDisk(); } red: listening blue: placing This class has several methods (that do nothing) that process mouse events: mouse click mouse press mouse release mouse enters component mouse leaves component mouse dragged beginning in component Our class overrides only the method that processes mouse clicks

public class MouseDemo2 extends JFrame implements ActionListener { Box b= new Box(BoxLayout.X_AXIS); Box leftC= new Box(BoxLayout.Y_AXIS); Square b00= new Square(0,0); Square b01= new Square(0,1); Box riteC= new Box(BoxLayout.Y_AXIS); Square b10= new Square(1,0); Square b11= new Square(1,1); JButton jb= new JButton("reset"); MouseEvents me= new MouseEvents(); /** Constructor: … */ public MouseDemo2() { super(t); leftC.add(b00); leftC.add(b01); riteC.add(b10); riteC.add(b11); b.add(leftC); b.add(riteC); Container cp= getContentPane(); cp.add(b, BorderLayout.CENTER); cp.add(jb, BorderLayout.SOUTH); jb.addActionListener(this); b00.addMouseListener(me); b01.addMouseListener(me); b10.addMouseListener(me); b11.addMouseListener(me); pack(); setVisible(true); setResizable(false); } public void actionPerformed( ActionEvent e) { b00.clearDisk(); b01.clearDisk(); b10.clearDisk(); b11.clearDisk(); red: listening blue: placing Class MouseDemo2

Listening to the keyboard import java.awt.*; import java.awt.event.*; import javax.swing.*; public class AllCaps extends KeyAdapter { JFrame capsFrame= new JFrame(); JLabel capsLabel= new JLabel(); public AllCaps() { capsLabel.setHorizontalAlignment(SwingConstants.CENTER); capsLabel.setText(":)"); capsFrame.setSize(200,200); Container c= capsFrame.getContentPane(); c.add(capsLabel); capsFrame.addKeyListener(this); capsFrame.show(); } public void keyPressed (KeyEvent e) { char typedChar= e.getKeyChar(); capsLabel.setText(("'" + typedChar + "'").toUpperCase()); red: listening blue: placing 1. Extend this class. 3. Add this instance as a key listener for the frame 2. Override this method. It is called when a key stroke is detected.