---

🌟 Introduction

In GUI programming, placing components randomly leads to messy and unusable interfaces 😵

👉 That’s why Java provides Layout Managers — they automatically arrange components in a structured way 🎯

In this blog, you will learn:

• What are layout managers
• Different types of Swing layouts
• 5+ complete runnable programs
• Proper explanation of each

---

🧠 What is a Layout Manager?

👉 A Layout Manager controls:

• Position 📍
• Size 📏
• Alignment

of components inside a container (like JFrame or JPanel)

---

🔥 Why Layout Managers are Important?

• Avoid overlapping ❌
• Make UI responsive 📱
• Easy to manage components

---

🧱 1. FlowLayout

---

📌 Features

• Left → Right arrangement
• Automatically wraps

---

✅ Program 1: FlowLayout Example

import javax.swing.*;
import java.awt.*;

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

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

        frame.setLayout(new FlowLayout());

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

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

---

🔍 Explanation

• Components are placed in a row
• Automatically move to next line

---

🧱 2. BorderLayout

---

📌 Features

• 5 regions:
  • North
  • South
  • East
  • West
  • Center

---

✅ Program 2: BorderLayout Example

import javax.swing.*;
import java.awt.*;

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

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

        frame.setLayout(new BorderLayout());

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

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

---

🔍 Explanation

• Each region holds one component
• Center expands automatically

---

🧱 3. GridLayout

---

📌 Features

• Rows × Columns
• Equal size components

---

✅ Program 3: GridLayout Calculator UI

import javax.swing.*;
import java.awt.*;

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

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

        frame.setLayout(new GridLayout(3, 3));

        for (int i = 1; i <= 9; i++) {
            frame.add(new JButton(String.valueOf(i)));
        }

        frame.setSize(300, 300);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setVisible(true);
    }
}

---

🔍 Explanation

• Creates grid structure
• All buttons same size

---

🧱 4. BoxLayout

---

📌 Features

• Vertical or Horizontal alignment

---

✅ Program 4: Vertical Layout

import javax.swing.*;

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

        JFrame frame = new JFrame("BoxLayout Example");

        frame.setLayout(new BoxLayout(frame.getContentPane(), BoxLayout.Y_AXIS));

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

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

---

🔍 Explanation

• Components arranged vertically
• Good for forms

---

🧱 5. Null Layout (Manual Layout)

---

📌 Features

• No layout manager
• Manual positioning

---

✅ Program 5: Manual Placement

import javax.swing.*;

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

        JFrame frame = new JFrame("Null Layout");

        frame.setLayout(null);

        JButton btn = new JButton("Click Me");
        btn.setBounds(100, 50, 120, 30);

        frame.add(btn);

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

---

🔍 Explanation

• setBounds(x, y, width, height)
• Not recommended for real apps ⚠️

---

🧱 6. Combined Layout Example (Mini Form)

---

✅ Program 6: Simple Form

import javax.swing.*;
import java.awt.*;

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

        JFrame frame = new JFrame("Form Example");

        JPanel panel = new JPanel();
        panel.setLayout(new GridLayout(3, 2));

        panel.add(new JLabel("Name:"));
        panel.add(new JTextField());

        panel.add(new JLabel("Age:"));
        panel.add(new JTextField());

        panel.add(new JButton("Submit"));

        frame.add(panel);

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

---

🔍 Explanation

• Uses JPanel + GridLayout
• Real-world form structure

---

⚠️ Common Mistakes

---

❌ Not setting layout

👉 Components overlap

---

❌ Using null layout everywhere

👉 Not responsive ❌

---

❌ Adding multiple components to same BorderLayout region

👉 Only one will show

---

🤯 Common Confusions

---

🤔 Which layout to use?

Situation	Layout
Simple UI	FlowLayout
Structured UI	BorderLayout
Form/Grid	GridLayout
Vertical list	BoxLayout

---

💼 Interview Questions

---

❓ What is Layout Manager?

👉 Controls component arrangement

---

❓ Default layout of JFrame?

👉 BorderLayout

---

❓ Why avoid null layout?

👉 Not responsive

---

🎯 Best Practices

---

✔️ Always use layout managers
✔️ Avoid null layout
✔️ Use panels for complex UI
✔️ Combine layouts

---

🏁 Conclusion

Layout managers are the backbone of GUI design 🎯

In this blog, you learned:

• ✔️ Types of layouts
• ✔️ 5+ practical programs
• ✔️ When to use each layout

---

💡 Final Thought

👉 A good layout = Clean UI = Better user experience 💯

---

🔥 One-Line Summary

👉 “Layout managers control how components are arranged in a Swing application.”

---

💻 Happy Coding! 😄

Next step: Event Delegation Model 🔥