1 Listening to events on GUIs Sec. 17.4 contains this material. Corresponding lectures on ProgramLive CD is a better way to learn the material. Why men.

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

Chapter 5 Programming Graphics. Chapter Goals To be able to write applications with simple graphical user interfaces To display graphical shapes such.
Introduction to Java Classes, events, GUI’s. Understand: How to use TextPad How to define a class or object How to create a GUI interface How event-driven.
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.
Lesson 35: Review of the Java GUI. The JFrame, Container and JButton.
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.
GUI Components and Design Here we add one more component to our programs, JButtons –JButtons can only be inserted into JPanels (or JApplets) –Clicking.
CS Lecture 01 Frames and Components and events Lynda Thomas
(c) University of Washington07b-1 CSC 143 Java Events, Event Handlers, and Threads Reading: Ch. 17.
MT311 Java Application Development and Programming Languages Li Tak Sing ( 李德成 )
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.
Lesson 34: Layering Images with Java GUI. The FlowLayout RECAP.
Ch 3-4: GUI Basics Java Software Solutions Foundations of Program Design Sixth Edition by Lewis & Loftus Coming up: GUI Components.
– 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.
MSc Workshop - © S. Kamin, U. ReddyLect 3 - GUI -1 Lecture 3 - Graphical User Interfaces r GUI toolkits in Java API r JFrame r GUI components.
MSc Workshop - © S. Kamin, U.Reddy Lect 4 - Events - 1 Lecture 4 – Event Handling r Painting r Event types r Catching different event types.
© 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.
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.
(c) by Elizabeth Sugar Boese.1 Chapter 6 Events - Lecture Slides.
Graphical User Interfaces A Graphical User Interface (GUI) in Java is created with at least three kinds of objects: –components, events, and listeners.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Outline 27.1 Test-Driving the Drawing Shapes Application.
1 Event Driven Programs with a Graphical User Interface Rick Mercer.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Outline 5.1 Test-Driving the Enhanced Inventory Application.
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.
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.
Dept. of CSIE, National University of Tainan 10/21/2012 Responding to User Input.
GUI.1 Graphical User Interfaces GUIs. GUI.2 The Plan Components Flat Layouts Hierarchical Layouts Designing a GUI Coding a GUI.
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
Object-Orientated Analysis, Design and Programming
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
PC02 Consolidation %WITTY_QUOTE%. PC02 Consolidation %WITTY_QUOTE%
CS2110. GUIS: Listening to Events
CS2110. GUIS: Listening to Events
Events, Event Handlers, and Threads
Lecture 21. Listening to events on a GUI (and development of a loop)
CS2110. GUIS: Listening to Events
12. Listening to events. Inner and anonymous classes
13 April 2010 GUIS: Graphical User Interfaces
Graphical User Interface
Presentation transcript:

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 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.

2 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 1. Write a method that will listen to the event. 2. Let Java know that the method is defined in the class. 3. 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.

3 Listening to a Button 1. Write the procedure to be called when button is clicked: /** Process click of button */ public void actionPerformed(ActionEvent ae) {... } 2. 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);

4 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); } /** 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

5 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

6 Class Square /** 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 } continued on next page

7 Class Square /** Remove pink disk (if present) */ public void clearDisk() { hasDisk= false; // Ask system to // repaint square repaint(); } 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); }

8 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(); } 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 red: listening blue: placing

9 Class MouseDemo2 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

10 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()); } 1. Extend this class. 2. Override this method. It is called when a key stroke is detected. 3. Add this instance as a key listener for the frame red: listening blue: placing