Chapter 7 © 2003 by Addison-Wesley, Inc. 1 7.1 Introduction - Applets are relatively small Java programs whose execution is triggered by a browser - The.

Slides:



Advertisements
Similar presentations
2D Graphics Drawing Things. Graphics In your GUI, you might want to draw graphics E.g. draw lines, circles, shapes, draw strings etc The Graphics class.
Advertisements

Made with love, by Zachary Langley Applets The Graphics Presentation.
Graphics You draw on a Graphics object The Graphics object cannot directly be created by your code, instead one is generated when the method paintComponent.
Graphic User Interfaces Layout Managers Event Handling.
1 Drawing C Sc 335 Object-Oriented Programming and Design Rick Mercer.
Copyright © 2009 Pearson Education, Inc. Publishing as Pearson Addison-Wesley 2-1 Outline Graphics Applets Drawing Shapes Components and Containers Images.
GUI and Swing, part 2 The illustrated edition. Scroll bars As we have previously seen, a JTextArea has a fixed size, but the amount of text that can be.
COS 381 Day 12. Agenda Assignment 2 Not corrected Viewed the results and it looks like many of you failed Assignment 3 Posted Due March 3 Problem 2, 3.
1 Frameworks. 2 Framework Set of cooperating classes/interfaces –Structure essential mechanisms of a problem domain –Programmer can extend framework classes,
Chapter 6 Graphical User Interface (GUI) and Object-Oriented Design (OOD)
Graphics Programming With Applets Feb 23, Applets There are three different types of executable java code. –Standalone application, which has main()
COS 381 Day 10. Agenda Assignment 2 Posted Program a web-based Version of Soduku using JavaScript and DOM to learn how to play.
©2004 Brooks/Cole Applets Graphics & GUIs. Figures ©2004 Brooks/Cole CS 119: Intro to JavaFall 2005 Graphical Programs Most applications these days are.
Lecture 24 Applets. Introduction to Applets Applets should NOT have main method but rather init, stop, paint etc They should be run through javac compiler.
©The McGraw-Hill Companies, Inc. Permission required for reproduction or display. Topics  Applets  Classes used for graphics Graphics Point Dimension.
Liang, Introduction to Java Programming, Fifth Edition, (c) 2005 Pearson Education, Inc. All rights reserved Chapter 16 Applets.
Chapter 11 Exception Handling and Event Handling.
18-Jun-15 Applets. 2 An applet is a program that is typically embedded in a Web page and can be run from a browser You need special HTML in the Web page.
©The McGraw-Hill Companies, Inc. Permission required for reproduction or display. 4 th Ed Chapter Java Applets What is an Applet? How do you create.
1 Applets Chapter 1 To understand:  why applets are used to extend the capabilities of Web pages  how an applet is executed and know about the restrictions.
1 Recitation 11. Applet Applets. An applet is a Java program that is started by a browser (e.g. netscape or internet explorer) when an html file has a.
©The McGraw-Hill Companies, Inc. Permission required for reproduction or display. 4 th Ed Chapter Chapter 5 Java Graphics Applets.
©The McGraw-Hill Companies, Inc. Permission required for reproduction or display. 4 th Ed Chapter Chapter 5 Applets and Graphics.
Chapter 3 - Introduction to Java Applets Outline 3.1Introduction 3.2Thinking About Objects 3.4A Simple Java Applet: Drawing a String 3.5Two More Simple.
28-Jun-15 Applets. 2 An applet is a program that is typically embedded in a Web page and can be run from a browser You need special HTML in the Web page.
Chapter 13: Advanced GUIs and Graphics J ava P rogramming: From Problem Analysis to Program Design, From Problem Analysis to Program Design, Second Edition.
Java Review Structure of a graphics program. Computer Graphics and User Interfaces Java is Object-Oriented A program uses objects to model the solution.
©The McGraw-Hill Companies, Inc. Permission required for reproduction or display. 4 th Ed Chapter Java Applets What is an Applet? How do you create.
20-753: Fundamentals of Web Programming Copyright © 1999, Carnegie Mellon. All Rights Reserved. 1 Lecture 16: Java Applets & AWT Fundamentals of Web Programming.
Chapter 13 Advanced GUIs and Graphics. Chapter Objectives Learn about applets Explore the class Graphics Learn about the class Font Explore the class.
Java Programming, 3e Concepts and Techniques Chapter 3 Section 65 – Manipulating Data Using Methods – Java Applet.
Programming for WWW (ICE 1338) Lecture #7 Lecture #7 July 14, 2004 In-Young Ko iko.AT. icu.ac.kr Information and Communications University (ICU) iko.AT.
Java Programming: From Problem Analysis to Program Design, 4e Chapter 12 Advanced GUIs and Graphics.
CIS 068 Welcome to CIS 083 ! Introduction to GUIs: JAVA Swing.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Outline 20.1 Test-Driving the Screen Saver Application.
Applets and Frames CS 21a: Introduction to Computing I First Semester,
MT311 Java Application Development and Programming Languages Li Tak Sing ( 李德成 )
Chapter 9 © 2001 by Addison Wesley Longman, Inc. 1 Chapter 9 Sebesta: Programming the World Wide Web.
Chapter 7 © 2005 by Addison Wesley Longman, Inc Introduction - Applets are relatively small Java programs whose execution is triggered by a browser.
Field Trip #19 Animations with Java By Keith Lynn.
1 Outline 1 Introduction 2 Overview of Swing Components 3 JLabel 4 Event Handling 5 TextFields 6 How Event Handling Works 7 JButton 8 JCheckBox and JRadioButton.
Graphic User Interface. Graphic User Interface (GUI) Most of us interact with computers using GUIs. GUIs are visual representations of the actions you.
Graphics and Event-Driven Programming in Java John C. Ramirez Department of Computer Science University of Pittsburgh.
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.
Swing Differences between Swing and AWT Naming Conventions All Swing components begin with a capital J -- JPanel, JButton, JScrollBar, JApplet, etc..
Concurrent Programming and Threads Threads Blocking a User Interface.
Java Applets: GUI Components, Events, Etc. Ralph Westfall June, 2010.
Applets and Frames. Copyright 2005, by the authors of these slides, and Ateneo de Manila University. All rights reserved L14: GUI Slide 2 Applets Usually.
Java Programming Applets. Topics Write an HTML document to host an applet Understand simple applets Use Labels with simple AWT applets Write a simple.
Java Applet. Introductions Applet is java program that can be embedded into HTML pages Java applets runs on the java enables web browsers such as mozila.
Java GUI. Graphical User Interface (GUI) a list a button a text field a label combo box checkbox.
Intro to Applets. Applet Applets run within the Web browser environment Applets bring dynamic interaction and live animation to an otherwise static HTML.
Introduction to Java Chapter 9 - Graphical User Interfaces and Applets1 Chapter 9 Graphical User Interfaces and Applets.
Creating Graphics in Java CSE301 University of Sunderland Harry R Erwin, PhD.
Review_6 AWT, Swing, ActionListener, and Graphics.
Chapter 10 - Writing Graphical User Interfaces1 Chapter 10 Writing Graphical User Interfaces.
Graphical User Interface (GUI)
Introduction to GUI Programming in Java: Frames, Simple Components, and Layouts.
 2003 Prentice Hall, Inc. All rights reserved. 1 Chapter 3 - Introduction to Java Applets Will not cover Section 3.7 Thinking About Objects: Identifying.
CIS 270—Application Development II Chapter 11—GUI Components: Part I.
Java Programming Fifth Edition Chapter 13 Introduction to Swing Components.
Introduction Many Java application use a graphical user interface or GUI (pronounced “gooey”). A GUI is a graphical window or windows that provide interaction.
A First Look at GUI Applications Radio Buttons and Check Boxes
A First Look at GUI Applications
Lecture 09 Applets.
Ellen Walker Hiram College
Chapter 13: Advanced GUIs and Graphics
Exception Handling and Event Handling
Advanced GUIs and Graphics
Graphical User Interface
Presentation transcript:

Chapter 7 © 2003 by Addison-Wesley, Inc Introduction - Applets are relatively small Java programs whose execution is triggered by a browser - The purpose of an applet is to provide processing capability and interactivity for HTML documents through widgets - The ‘standard’ operations of applets are provided by the parent class, JApplet public class class_name extends JApplet { … } - Use of applets is still widespread, and there is heavy use in intranets, where all browsers can be required to support the latest JVM - Applets are an alternative to CGI and embedded client-side scripts

Chapter 7 © 2003 by Addison-Wesley, Inc Introduction (continued) - Comparisons (between JavaScript & applets): - CGI is faster than applets and JavaScript, but it is run on the server - JavaScript is easier to learn and use than Java, but less expressive - Java is faster than JavaScript - Java graphics are powerful, but JavaScript has none - JavaScript does not require the additional download from the server that is required for applets - Java may become more of a server-side tool, in the form of servlets, than a client-side tool

Chapter 7 © 2003 by Addison-Wesley, Inc Primary Applet Activities - Browser actions: a. Download and instantiate the applet class b. Call the applet’s init method c. Call the applet’s start method - This starts the execution of the applet - When the user takes a link from the document that has the applet, the browser calls the applet’s stop method - When the browser is stopped by the user, the browser calls the applet’s destroy method - An applet’s display is actually a multi-layered frame - We’re only interested in one layer, the content pane - We don’t write directly to the content pane

Chapter 7 © 2003 by Addison-Wesley, Inc Primary Applet Activities -Two categories of graphics operations in applets: 1. Custom drawing – use a set of primitives, using overriden versions of paintComponent - Custom drawing is done outside the applet, usually in a Jpanel panel - The applet instantiates the panel and adds it to the applet’s content pane 2. Use predefined graphics objects - Do not use paintComponent - Put graphics objects directly into a panel created in the applet

Chapter 7 © 2003 by Addison-Wesley, Inc The paintComponent Method (continued) - Always called by the browser (not the applet itself) - Takes one parameter, an object of class Graphics, which is defined in java.awt - The parameter object is created by the browser - The protocol of paintComponent is: public void paintComponent( Graphics grafObj) { … } - The simplest use of paintComponent is to display text, using the drawString method - Three parameters: a String literal, the x coordinate of the left end of the string, and the y coordinate of the base of the string - Before calling drawString (or any other primitive), the parent class’ paintComponent method is called to paint the background super.paintComponent(grafObj);  SHOW Wel.java

Chapter 7 © 2003 by Addison-Wesley, Inc The paintComponent Method (continued) - Font Control - The Wel applet draws strings using default values for the font, the font size, and the font style - The Font class, defined in java.awt.Font, has three variables that specify the font name, style, and size of the font used by drawString The size parameter is in points - The styles are PLAIN, BOLD, and ITALIC - To change the font, create a Font object with the desired parameters and set it with the setFont method of Graphics, which takes a Font parameter  SHOW Wel2.java

Chapter 7 © 2003 by Addison-Wesley, Inc The Tag - Used to specify an applet in an HTML document - Creates a space in the document display for applet output (like does) <object codetype = "application/java" classid = "java: applet_class_file " width = " applet display width " height = " applet display height "> - The display width and height are in pixels - The applet_class_file is the compiled version - To test the Wel2 applet, we could use <object codetype = "application/java" classid = "java:Wel2.class" width = "500" height = "100">

Chapter 7 © 2003 by Addison-Wesley, Inc The Tag (continued) - Portability problem with the tag: - is part of the HTML 4.0 standard, but - IE6 recognizes, but not the classid attribute (it likes the code attribute, instead) - If code is used, the java: part must be omitted - Likewise for appletviewer - NS6 does not recognize the code attribute

Chapter 7 © 2003 by Addison-Wesley, Inc Applet Parameters - Applets can be sent parameters through HTML, using the tag and its two attributes, name and value - Parameter values are strings - e.g., - The applet gets the parameter values with getParameter, which takes a string parameter, which is the name of the parameter String myFruit = getParameter("fruit"); - If no parameter with the given name has been specified in the HTML document, getParameter returns null - By checking the return value against null, a default value can be set - If the parameter value is not really a string (although parameters are all sent as strings), the value returned from getParameter must be converted, as on the next page…

Chapter 7 © 2003 by Addison-Wesley, Inc Applet Parameters (continued) String pString = getParameter("size"); if (pString == null) mySize = 24; else mySize = Integer.parseInt(pString); - The best place to put the code to get parameter values is in init - Parameters are stored in instance variables  SHOW Wel3.java and Wel3.html 7.6 Simple Graphics - Coordinate system: (0, 0) is at the upper left corner - The methods that draw graphic figures are called through the Graphics object (the parameter to paintComponent ) - Lines are drawn with drawLine(x1, y1, x2, y2) - Draws a line from (x1, y1) to (x2, y2)

Chapter 7 © 2003 by Addison-Wesley, Inc Simple Graphics (continued) - Rectangles are drawn with drawRect and fillRect - Both take four parameters, the coordinates of the upper left corner of the rectangle and the width and height of the rectangle (width and height are in pixels) - Rectangles with rounded corners can be drawn with drawRoundRect and fillRoundRect - These two take two more parameters, which specify the numbers of horizontal pixels and vertical pixels in the rounding  SHOW Rectangles.java

Chapter 7 © 2003 by Addison-Wesley, Inc Simple Graphics (AWT) (continued) - 3D rectangles can be created with a 5th parameter, true (not pushed) or false (pushed) - Polygons are drawn with drawPolygon, which takes three parameters, two arrays of coordinates of edge endpoints, and the number of edges  SHOW Polygons.java - drawPolygon can also take a single parameter, which is a Polygon object, whose constructor takes the same three parameters as drawPolygon - Ovals are like rectangles (same parameters)

Chapter 7 © 2003 by Addison-Wesley, Inc Color - The Color class has predefined objects for common colors Color.white, Color.black, Color.gray, Color.red, Color.green, Color.blue, Color.yellow, Color.magenta, Color.cyan, Color.pink, Color.orange - An object for any color can be created with the Color constructor, as in Color myColor = new Color(x, y, z); - The color of the Graphics object can be set with setColor, as in grafObj.setColor(Color.cyan); - The foreground and background colors of the applet display are set with methods from JPanel

Chapter 7 © 2003 by Addison-Wesley, Inc Interactive Applets - Java Swing GUI Components (widgets) 1. Labels - JLabel objects are static strings final JLabel labl1 = new JLabel( "Click this button"); 2. Plain buttons JButton myButton = new JButton( "Click here for fun"); 3. Checkboxes JCheckbox box1 = new JCheckbox("Beer"); JCheckbox box2 = new JCheckbox("Pretzels"); - JCheckbox can take a second parameter, a Boolean, that specifies the the initial checkness of the box

Chapter 7 © 2003 by Addison-Wesley, Inc Interactive Applets (continued) 4. Radio buttons – JRadioButton objects in a ButtonGroup ButtonGroup drink = new ButtonGroup(); JRadioButton box1 = new JRadioButton("Coke", true); JRadioButton box2 = new JRadioButton("Pepsi", false); drink.add(box1); drink.add(box2); 5. Text Boxes – JTextField objects JTextField age = new JTextField(3 ); - Could take a different first parameter, a string literal, which appears in the box when the box is initially displayed

Chapter 7 © 2003 by Addison-Wesley, Inc Interactive Applets (continued) - A panel object is needed to contain components - In this case, the panel can be created in the applet JPanel myPanel = new JPanel(); myPanel.setBackground(Color.yellow); myPanel.setForeground(Color.blue); myPanel.add(box1); - Layout Managers - Default for Swing is BorderLayout – places components on the borders of the panel - GridLayout is similar to HTML document panels JPanel buttonPanel = new JPanel(); buttonPanel.setLayout( new GridLayout(3, 2, 10, 10)); - Three rows of two components each, with 10 pixels between the components  SHOW Pizza.java

Chapter 7 © 2003 by Addison-Wesley, Inc Interactive Applets (continued)

Chapter 7 © 2003 by Addison-Wesley, Inc Interactive Applets (continued) - The Java Event Model - Related to the JavaScript event model - Event handlers are called event listeners - Connection of an event to a listener is established through event listener registration - Done with a method of the class that implements the listener interface - The panel object that holds the components can be the event listener for those components - Event generators send messages (call methods) to registered event listeners when events occur - Event handling methods must conform to a standard protocol, which comes from an interface - We only consider the “semantic” events (there are also “low-level” events)

Chapter 7 © 2003 by Addison-Wesley, Inc Interactive Applets (continued) - Semantic Event Classes ActionEvent click a button, select from a menu or list, or type the enter button in a text field ItemEvent select a checkbox or list item TextEvent change the contents of a text field or text area - For the two most commonly used events, ActionEvent and ItemEvent, there are the following interfaces and handler methods: InterfaceHandler method ActionListeneractionPerformed ItemListeneritemStateChanged - The methods to register the listener is the interface name with “ add ” prepended - e.g., button1.addActionListener(this);

Chapter 7 © 2003 by Addison-Wesley, Inc Interactive Applets (continued) - Event handlers get an event object as a parameter, through which information about the event can be gotten with methods, such as getState - e.g., button1.getState() returns true if the button is on, false otherwise - When an event handler has just a few lines, it can be implemented as an instance of an anonymous nested class - Example: a button that sets a font button.addActionListener(new ActionListener(){ public void actionPerformed(ActionEvent e) { text.setFont(newFont); } });  SHOW RadioB.java - Note: It does not use an inner class for the handler

Chapter 7 © 2003 by Addison-Wesley, Inc Concurrency in Java - Our only interest in concurrency here is to illustrate how threads can be used to create animation in an applet - A thread of control is a sequence of program points reached as execution flows through the program - A nonconcurrent program has a single thread of control; a concurrent program has more than one - Java supports lightweight concurrency through its threads - The concurrent program units in Java are methods named run, whose code can be in concurrent execution with other run methods and with main - There are two ways to implement threads, as a subclass of Thread and by implementing the interface Runnable - The Thread class - Two essential methods, run and start - run is the concurrent method - start tells the run method to begin execution

Chapter 7 © 2003 by Addison-Wesley, Inc Concurrency in Java (continued) - All Java programs run in threads - For applications, when execution is to begin, a thread is created for main and its start method is called - For applets, when the browser finds one, it creates a thread and calls the applet --> SHOW Names.java, output, delayer, and output - Thread States - New - created, but start hasn’t been called - Runnable or ready - ready to run, but is not currently running - In the ready queue - Running - actually has the processor - Blocked - was running, but is not now, because it was interrupted (i/o, end of time slot, gave up its time slot, etc.) - Dead - either its stop was called or its run method completed its execution

Chapter 7 © 2003 by Addison-Wesley, Inc Concurrency in Java (continued) - Thread methods - yield is a request from the running thread to give up the processor; a static method - sleep( time ) - blocks the thread for at least as many milliseconds as the parameter specifies; also a static method - sleep can throw InterruptedException, which must be caught - stop - now deprecated, because of safety problems - Now we override it and just set the thread reference to null (destroys the thread) - An example - an animated digital clock - An applet must implement Runnable, its start and stop methods, and the repaint method of Graphics - repaint is called after the applet display has changed

Chapter 7 © 2003 by Addison-Wesley, Inc Concurrency in Java (continued) - Our applet is named Clock - Its start method creates a new Thread object, sending this to the constructor. This sets the new Thread object’s target to the Clock object, which forces the thread to get its run method from the Clock object - After creating the Thread object, start is called to start its execution - The run method sets a variable to the currently executing thread, and then loops as long as the thread is clockThread - The loop gets the new time with a new Date object and repaints the display every second