🚀 GUI Programming in Java using AWT (Complete Guide with Layout Managers & Programs)

---

🌟 Introduction

In earlier programs, we interacted with users using the console (CLI) — typing inputs and printing outputs. But modern applications use Graphical User Interfaces (GUI) 🎨

👉 GUI allows users to interact with applications using:

• Buttons 🔘
• Text fields ⌨️
• Windows 🪟
• Menus 📋

---

🧠 Why GUI?

• Easy to use 😊
• Interactive 🎯
• Professional look 💻
• Improves user experience 🚀

---

⚖️ CLI vs GUI

Feature	CLI	GUI
Input	Keyboard	Mouse + Keyboard
Ease of use	Hard	Easy
Interaction	Low	High

---

🧠 What is AWT?

👉 AWT (Abstract Window Toolkit) is Java’s first GUI framework.

• Part of java.awt package
• Provides components like Button, Label, TextField
• Uses native OS components → called Heavyweight

---

🧱 Basic Structure of AWT Program

---

✅ First GUI Program (Complete Runnable Code)

---

import java.awt.Frame;

public class FirstAWTProgram {
    public static void main(String[] args) {

        Frame frame = new Frame("My First AWT App");

        frame.setSize(400, 300); // width, height
        frame.setVisible(true);
    }
}

🔍 Explanation

• Frame → Window container 🪟
• setSize() → Sets window size
• setVisible(true) → Makes it visible

---

🧩 AWT Components

---

🔹 1. Button

import java.awt.*;

public class ButtonDemo {
    public static void main(String[] args) {

        Frame frame = new Frame("Button Example");

        Button btn = new Button("Click Me");

        frame.add(btn);

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

---

🔍 Explanation

• Button → Clickable component 🔘
• frame.add() → Adds component to frame

---

🔹 2. Label

import java.awt.*;

public class LabelDemo {
    public static void main(String[] args) {

        Frame frame = new Frame("Label Example");

        Label label = new Label("Welcome to AWT");

        frame.add(label);

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

---

🔹 3. TextField

import java.awt.*;

public class TextFieldDemo {
    public static void main(String[] args) {

        Frame frame = new Frame("TextField Example");

        TextField tf = new TextField();

        frame.add(tf);

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

---

🧱 Layout Managers (VERY IMPORTANT)

👉 Layout managers control how components are arranged.

---

🔹 1. FlowLayout (Default)

---

📌 Features

• Left to right arrangement
• Automatically wraps components

---

✅ Program

import java.awt.*;

public class FlowLayoutDemo {
    public static void main(String[] args) {

        Frame frame = new Frame("FlowLayout Example");

        frame.setLayout(new FlowLayout());

        frame.add(new Button("One"));
        frame.add(new Button("Two"));
        frame.add(new Button("Three"));

        frame.setSize(400, 200);
        frame.setVisible(true);
    }
}

---

🔍 Output Behavior

👉 Buttons appear in a row → wrap if needed

---

🔹 2. GridLayout

---

📌 Features

• Rows & columns
• Equal-sized components

---

✅ Program

import java.awt.*;

public class GridLayoutDemo {
    public static void main(String[] args) {

        Frame frame = new Frame("GridLayout Example");

        frame.setLayout(new GridLayout(2, 2)); // 2 rows, 2 columns

        frame.add(new Button("1"));
        frame.add(new Button("2"));
        frame.add(new Button("3"));
        frame.add(new Button("4"));

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

---

🔍 Explanation

• Components are arranged in grid format
• All cells are equal

---

🔹 3. BorderLayout

---

📌 Features

• Divides screen into 5 regions:
  • North
  • South
  • East
  • West
  • Center

---

✅ Program

import java.awt.*;

public class BorderLayoutDemo {
    public static void main(String[] args) {

        Frame frame = new Frame("BorderLayout Example");

        frame.setLayout(new BorderLayout());

        frame.add(new Button("North"), BorderLayout.NORTH);
        frame.add(new Button("South"), BorderLayout.SOUTH);
        frame.add(new Button("East"), BorderLayout.EAST);
        frame.add(new Button("West"), BorderLayout.WEST);
        frame.add(new Button("Center"), BorderLayout.CENTER);

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

---

🔍 Explanation

• Each region holds one component
• Center takes remaining space

---

🛠️ Mini GUI Project (Combining Concepts)

---

✅ Complete Program

import java.awt.*;

public class MiniAWTApp {
    public static void main(String[] args) {

        Frame frame = new Frame("Mini AWT App");

        frame.setLayout(new FlowLayout());

        Label label = new Label("Enter Name:");
        TextField tf = new TextField(20);
        Button btn = new Button("Submit");

        frame.add(label);
        frame.add(tf);
        frame.add(btn);

        frame.setSize(400, 200);
        frame.setVisible(true);
    }
}

---

🔍 What This Shows

• Multiple components working together
• Real-world UI structure

---

⚠️ Common Mistakes Students Make

---

❌ Forgetting setVisible(true)

👉 Window will not appear

---

❌ Not setting layout

👉 Components may overlap

---

❌ Adding too many components without layout

👉 Messy UI

---

❌ Ignoring window closing

👉 Program keeps running in background

---

🤯 Common Confusions

---

🤔 Why AWT is called Heavyweight?

👉 Uses native OS components

---

🤔 Why layout managers needed?

👉 Without layout → components overlap

---

💼 Interview Questions

---

❓ What is AWT?

👉 Java GUI toolkit using native components

---

❓ What is FlowLayout?

👉 Default layout arranging components left to right

---

❓ Difference between GridLayout and BorderLayout?

👉 Grid → rows/columns
👉 Border → regions

---

❓ What is Frame?

👉 Top-level window container

---

🎯 Best Practices

---

✔️ Always use layout managers
✔️ Keep UI simple
✔️ Use proper component sizes
✔️ Avoid null layout

---

🏁 Conclusion

AWT is the foundation of Java GUI programming 🎯

In this blog, you learned:

• ✔️ What GUI is
• ✔️ AWT basics
• ✔️ Components (Button, Label, TextField)
• ✔️ Layout Managers (Flow, Grid, Border)
• ✔️ Building real GUI apps

---

💡 Final Thought

👉 Master AWT basics first, then move to Swing (modern GUI) 🚀

---

🔥 One-Line Summary

👉 “AWT provides basic tools to build GUI applications in Java using components and layouts.”

---

💻 Happy Coding! 😄

Now you’re ready to build real GUI apps 🔥