Ch 12: A Very Graphic Story

Source: Head First Java, Second Edition | Pages: 387-432

🎯 Learning Objectives

GUI basics with Swing

📚 Key Concepts

• JFrame basics

• Swing components

• Event listeners

• ActionListener interface

• Inner classes

• paintComponent()

• Graphics object

• Building simple GUIs

---

📖 Detailed Notes

1. JFrame basics

Essential concept for mastering Java and OOP.

Example:

JFrame frame = new JFrame();

2. Swing components

Essential concept for mastering Java and OOP.

Example:

JButton button = new JButton(“click me”);
frame.getContentPane().add(button);

3. Event listeners

Essential concept for mastering Java and OOP.

Example:

frame.setSize(300,300);
frame.setVisible(true);

4. ActionListener interface

Essential concept for mastering Java and OOP.

Example:

import javax.swing.*;
public class SimpleGui1 {
    public static void main (String[] args) {
       JFrame frame = new JFrame();
       JButton button = new JButton(“click me”);
       frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
       frame.getContentPane().add(button);
       frame.setSize(300,300);
       frame.setVisible(true);
    }
}

5. Inner classes

Essential concept for mastering Java and OOP.

Example:

public void changeIt() {
     button.setText(“I’ve been clicked!”);
}

6. paintComponent()

Essential concept for mastering Java and OOP.

Example:

you declare that you implement it (class Dog implements Pet), 

7. Graphics object

Essential concept for mastering Java and OOP.

Example:

If your class wants to know 

8. Building simple GUIs

Essential concept for mastering Java and OOP.

Example:

import javax.swing.*;
import java.awt.event.*;
public class SimpleGui1B implements ActionListener {
    JButton button;
    public static void main (String[] args) {
       SimpleGui1B gui = new SimpleGui1B();
       gui.go();
     }
    public void go() {
       JFrame frame = new JFrame();
       button = new JButton(“click me”);
       button.addActionListener(this);
       frame.getContentPane().add(button);
       frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
       frame.setSize(30

---

💡 Important Points to Remember

• Graphics method.

• change to the code (besides building a simple GUI)

• your interface rules—to implement an interface

• your polymorphism. The compiler decides which

• the drawing panel we used,

---

✅ Self-Check Questions

Test your understanding:

1. Can you explain the main concepts covered in this chapter?

2. Can you write code examples demonstrating these concepts?

3. Do you understand when and why to use these features?

4. Can you explain the benefits and tradeoffs?

🔄 Quick Revision Points

• JFrame basics

• Swing components

• Event listeners

• ActionListener interface

• Inner classes

• paintComponent()

• Graphics object

• Building simple GUIs

---

📝 Practice Exercises

1. Write your own code examples for each key concept

2. Modify existing examples to test edge cases

3. Explain concepts to someone else

4. Create a small project using these concepts

🔗 Related Chapters

Review related concepts from other chapters to build comprehensive understanding.

---

For complete details, diagrams, and all examples, refer to Head First Java Second Edition, pages 387-432.

Chapter 12: A Very Graphic Story — Study Notes

This chapter introduces Graphical User Interfaces (GUIs) in Java, covering how to create windows, draw graphics, handle user events (like button clicks), and use Inner Classes to organize your code effectively.

---

1. Building a GUI

A GUI in Java is built using JFrame and JPanel components from the javax.swing package.

• JFrame: The "window" frame that sits on the screen. It holds everything else.

• JPanel: The "canvas" or panel where you actually put your buttons, text, and drawings.

• The Process:

  1. Make a frame (JFrame).

  2. Make a widget (like JButton, JTextField, etc.).

  3. Add the widget to the frame.

  4. Display the frame.

Java

import javax.swing.*;

public class SimpleGui {
    public static void main(String[] args) {
        JFrame frame = new JFrame();
        JButton button = new JButton("click me");
        
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // Quits program when window closes
        frame.getContentPane().add(button); // Add button to the frame's content pane
        frame.setSize(300, 300); // Set window size
        frame.setVisible(true); // Make it visible
    }
}

---

2. Event Handling (Listening to User Actions)

To make a button "do" something, you need to listen for the event.

• The Event Source: The object that the user interacts with (e.g., the JButton).

• The Listener: An object that "listens" for the event and performs an action when it happens.

• The Interface: The listener class must implement an interface (like ActionListener) to guarantee it has the correct method to handle the event (e.g., actionPerformed()).

The 3-Step Process

1. Implement the listener interface in your class (e.g., implements ActionListener).

2. Register the listener with the button (e.g., button.addActionListener(this)).

3. Define the event handling method (e.g., public void actionPerformed(ActionEvent event) { ... }).

---

3. Custom Drawing with paintComponent()

To draw your own graphics (shapes, images, colors) instead of just using standard widgets, you must create a subclass of JPanel and override the paintComponent() method.

• The Graphics Object: This method receives a Graphics object (g), which acts like a painting machine.

• Methods:

  • g.setColor(Color.orange): Sets the paint color.

  • g.fillRect(20, 50, 100, 100): Draws a filled rectangle.

  • g.drawImage(myImage, x, y, this): Draws an image.

Important: NEVER call paintComponent() directly. Instead, call frame.repaint(), which asks the system to refresh the display and call paintComponent() for you.

---

4. Inner Classes

Inner classes are classes defined inside another class. They are useful for GUI event handlers because they can access the outer class's instance variables (like the text field or frame) directly.

• Access: An inner class object has a special bond with the outer class object that created it. It can see and use the outer object's private variables and methods.

• Syntax:

Java

class MyOuter {
    private int x;
    
    class MyInner {
        void go() {
            x = 42; // Accessing outer class's private variable directly!
        }
    }
}

• Benefit: This allows you to have multiple listener classes (e.g., ColorButtonListener, LabelButtonListener) inside one main GUI class, keeping your code organized while still sharing data.

---

5. Animation Basics

Animation is essentially flipping through a series of slightly different pictures quickly.

• The Loop: You need a loop that:

  1. Updates the coordinates of the object (e.g., x and y positions).

  2. Calls repaint() to draw the object in the new location.

  3. Calls Thread.sleep() to pause briefly so the movement looks smooth and isn't too fast for the eye to see.

Java

for (int i = 0; i < 100; i++) {
    x++;
    y++;
    repaint(); // Ask system to paint again
    try {
        Thread.sleep(50); // Pause for 50 milliseconds
    } catch (Exception ex) { }
}

---

6. Revision Checklist

• Listener Interface: Did you implement ActionListener for button clicks?

• Registration: Did you remember to add the listener to the button using addActionListener()?

• paintComponent: Are you putting your drawing code inside paintComponent(Graphics g)?

• Casting: Remember that the Graphics object is actually a Graphics2D object (a more advanced subclass) if you need more powerful drawing features, so you can cast it: Graphics2D g2d = (Graphics2D) g;.

• Inner Class Bond: Do you understand that an inner class instance is always tied to a specific instance of the outer class?