Swing图形用户界面编程之布局管理

简介: Java SE提供了7种布局管理器包括:FlowLayout、BorderLayout、GridLayout、BoxLayout、 CardLayout、SpringLayout和GridBagLayout,其中最基础的是FlowLayout、BorderLayout和GridLayout 布局管理器。下面主要了解这三个布局。

一、FlowLayout布局


FlowLayout布局摆放组件的规律是:从上到下、从左到右进行摆放,如果容器足够宽,第一个组件先 添加到容器中第一行的最左边,后续的组件依次添加到上一个组件的右边,如果当前行已摆放不下该 组件,则摆放到下一行的最左边。

FlowLayout主要的构造方法如下:


FlowLayout(int align, int hgap, int vgap):创建一个FlowLayout对象,它具有指定的对齐方式以及 指定的水平和垂直间隙,hgap参数是组件之间的水平间隙,vgap参数是组件之间的垂直间隙, 单位是像素。

FlowLayout(int align):创建一个FlowLayout对象,指定的对齐方式,默认的水平和垂直间隙是5 个单位。

FlowLayout():创建一个FlowLayout对象,它是居中对齐的,默认的水平和垂直间隙是5个单 位。

上述参数align是对齐方式,它是通过FlowLayout的常量指定的,这些常量说明如下:


FlowLayout.CENTER:指示每一行组件都应该是居中的。

FlowLayout.LEADING:指示每一行组件都应该与容器方向的开始边对齐,例如,对于从左到右 的方向,则与左边对齐。

FlowLayout.LEFT:指示每一行组件都应该是左对齐的。

FlowLayout.RIGHT:指示每一行组件都应该是右对齐的。

FlowLayout.TRAILING:指示每行组件都应该与容器方向的结束边对齐,例如,对于从左到右 的方向,则与右边对齐。

代码如下:

import javax.swing.*;
import java.awt.*;
/**
 * @author : 蔡政洁
 * @email :caizhengjie888@icloud.com
 * @date : 2020/2/23
 * @time : 10:23 下午
 */
public class MyFrame extends JFrame {
//    声明标签
    JLabel label;
    public MyFrame(String title) {
        super(title);
//        设置当前窗口的布局为FlowLayout布局
        setLayout(new FlowLayout(FlowLayout.LEFT,20,20));
//        创建标签
        label = new JLabel("label");
//        添加标签到内容面板
        getContentPane().add(label);
//        创建Button1
        JButton button1 = new JButton("Button1");
//        添加按钮到内容面板
        getContentPane().add(button1);
//        创建Button2
        JButton button2 = new JButton("Button1");
//        添加按钮到内容面板
        getContentPane().add(button2);
//        设置窗口大小
        setSize(350,120);
//        设置窗口可见
        setVisible(true);
//        注册事件监听器
        button1.addActionListener((event) ->{
            label.setText("Hello world");
        });
        //        注册事件监听器
        button2.addActionListener((event) ->{
            label.setText("Hello Swing");
        });
    }
}

调用代码:

public class Helloworld {
    public static void main(String[] args) {
        MyFrame myFrame = new MyFrame("aaa");
    }
}

运行结果:

30.png


二、BorderLayout布局


BorderLayout 是JWindow、JFrame和JDialog的默认布局管理器。BorderLayout布局管理器把容器分成5 个区域:North、South、East、West和Center。

31.png

BorderLayout主要的构造方法如下:


BorderLayout(int hgap, int vgap):创建一个BorderLayout对象,指定水平和垂直间隙,hgap参数 是组件之间的水平间隙,vgap参数是组件之间的垂直间隙,单位是像素

BorderLayout():创建一个BorderLayout对象,组件之间没有间隙。

BorderLayout布局有5个区域,为此BorderLayout中定义了5个约束常量,说明如下:


BorderLayout.CENTER:中间区域的布局约束(容器中央)。

BorderLayout.EAST:东区域的布局约束(容器右边)。

BorderLayout.NORTH:北区域的布局约束(容器顶部)。

BorderLayout.SOUTH:南区域的布局约束(容器底部)。

BorderLayout.WEST:西区域的布局约束(容器左边)。

代码如下:

import javax.swing.*;
import java.awt.*;
/**
 * @author : 蔡政洁
 * @email :caizhengjie888@icloud.com
 * @date : 2020/2/23
 * @time : 10:36 下午
 */
public class MyFrame extends JFrame {
    public MyFrame(String title){
        super(title);
//        设置BorderLayout布局
        setLayout(new BorderLayout(10,10));
//        添加按钮到North区
        getContentPane().add(new Button("North"),BorderLayout.NORTH);
//        添加按钮到South区
        getContentPane().add(new Button("South"),BorderLayout.SOUTH);
//        添加按钮到East区
        getContentPane().add(new Button("East"),BorderLayout.EAST);
//        添加按钮到West区
        getContentPane().add(new Button("West"),BorderLayout.WEST);
//        添加按钮到Center区
        getContentPane().add(new Button("Center"),BorderLayout.CENTER);
//        设置窗口大小
        setSize(350,120);
//        设置窗口可见
        setVisible(true);
    }
}

调用代码:

public class HelloWorld {
    public static void main(String[] args) {
        MyFrame myFrame = new MyFrame("dsd");
    }
}

运行结果:

40.png



三、GridLayout布局

GridLayout布局以网格形式对组件进行摆放,容器被分成大小相等的矩形,一个矩形中放置一个组 件。

GridLayout布局主要的构造方法如下:


GridLayout():创建具有默认值的GridLayout对象,即每个组件占据一行一列。

GridLayout(int rows, int cols):创建具有指定行数和列数的GridLayout对象。

GridLayout(int rows, int cols, int hgap, int vgap):创建具有指定行数和列数的GridLayout对象,并 指定水平和垂直间隙。

代码如下:

import javax.swing.*;
import java.awt.*;
/**
 * @author : 蔡政洁
 * @email :caizhengjie888@icloud.com
 * @date : 2020/2/23
 * @time : 10:44 下午
 */
public class MyFrame extends JFrame {
    public MyFrame(String title){
        super(title);
//        设置3行3列的GridFrame布局
        setLayout(new GridLayout(3,3));
//        添加按钮到第一行第一列
        getContentPane().add(new Button("1"));
        //        添加按钮到第一行第二列
        getContentPane().add(new Button("2"));
        //        添加按钮到第一行第三列
        getContentPane().add(new Button("3"));
        //        添加按钮到第二行第一列
        getContentPane().add(new Button("4"));
        //        添加按钮到第二行第二列
        getContentPane().add(new Button("5"));
        //        添加按钮到第二行第三列
        getContentPane().add(new Button("6"));
        //        添加按钮到第三行第一列
        getContentPane().add(new Button("7"));
        //        添加按钮到第三行第二列
        getContentPane().add(new Button("8"));
        //        添加按钮到第三行第三列
        getContentPane().add(new Button("9"));
        //        设置窗口大小
        setSize(400,400);
//        设置窗口可见
        setVisible(true);
    }
}

调用代码:

public class HelloWorld {
    public static void main(String[] args) {
        MyFrame myFrame = new MyFrame("aa");
    }
}

运行结果:

45.png


四、不使用布局管理器


容器也可以不设置布局管理器,那么此时的布局是由开发人员自己管理的。

组件有三个与布局有关的方法setLocation()、setSize()和setBounds(),在设置了布局管理的容器中组件 的这几个方法不起作用的,不设置布局管理时它们才起作用的。

这三个方法的说明如下:


void setLocation(int x, int y):方法是设置组件的位置。

void setSize(int width, int height):方法是设置组件的大小。

void setBounds(int x, int y, int width, int height):方法是设置组件的大小和位置。

代码如下:

import javax.swing.*;
/**
 * @author : 蔡政洁
 * @email :caizhengjie888@icloud.com
 * @date : 2020/2/23
 * @time : 10:55 下午
 */
public class MyFrame extends JFrame {
    public MyFrame(String title){
        super(title);
//        设置窗口大小不变
        setResizable(false);
//        不设置局部管理
        getContentPane().setLayout(null);
//        创建标签
        JLabel label = new JLabel("label");
//        设置标签的位置和大小
        label.setBounds(89,13,100,30);
//        设置标签文本水瓶居中
        label.setHorizontalAlignment(SwingConstants.CENTER);
//        添加标签到内容面板上
        getContentPane().add(label);
//        创建Button1
        JButton button1 = new JButton("Button1");
//        设置Button1的位置和大小
        button1.setBounds(89,59,100,30);
//        添加Button1到内容面板上
        getContentPane().add(button1);
//        创建Button2
        JButton button2 = new JButton("Button1");
//        设置Button1的位置和大小
        button2.setBounds(89,102,100,30);
//        添加Button1到内容面板上
        getContentPane().add(button2);
        //        设置窗口大小
        setSize(400,400);
//        设置窗口可见
        setVisible(true);
        //        注册事件监听器
        button1.addActionListener((event) ->{
            label.setText("Hello world");
        });
        //        注册事件监听器
        button2.addActionListener((event) ->{
            label.setText("Hello Swing");
        });
    }
}

调用代码:

public class HelloWorld {
    public static void main(String[] args) {
        MyFrame myFrame = new MyFrame("sads");
    }
}

运行结果:

50.png



相关文章
|
3月前
|
存储 搜索推荐 Java
探索安卓开发中的自定义视图:打造个性化UI组件Java中的异常处理:从基础到高级
【8月更文挑战第29天】在安卓应用的海洋中,一个独特的用户界面(UI)能让应用脱颖而出。自定义视图是实现这一目标的强大工具。本文将通过一个简单的自定义计数器视图示例,展示如何从零开始创建一个具有独特风格和功能的安卓UI组件,并讨论在此过程中涉及的设计原则、性能优化和兼容性问题。准备好让你的应用与众不同了吗?让我们开始吧!
|
4月前
|
Java 容器
Java详解:GUI图形用户界面设计—容器组件及面板布局方式
Java详解:GUI图形用户界面设计—容器组件及面板布局方式
|
6月前
|
编解码 开发者 UED
Qt布局实战:实现高效、美观的GUI应用程序
Qt布局实战:实现高效、美观的GUI应用程序
1053 2
|
6月前
|
前端开发 Java 程序员
【JAVA】<GUI编程>AWT & Swing 图形化编程库
【1月更文挑战第19天】【JAVA】<GUI编程>AWT & Swing 图形化编程库
|
数据可视化
嵌入式 QT纯代码设计UI
嵌入式 QT纯代码设计UI
|
数据可视化 Java 数据安全/隐私保护
Swing程序设计(1)概述及常用组件
Swing程序设计(1)概述及常用组件
242 0
|
Linux C# iOS开发
C#之十八 GUI用户界面编程
C#之十八 GUI用户界面编程
285 0
|
Python 容器
tkinter GUI编程(学习笔记-1 窗口组件与布局)
tkinter GUI编程(学习笔记-1 窗口组件与布局)
135 0
|
Java
编写Java程序,使用Swing布局管理器与常用控件,实现用户登录界面
编写Java程序,使用Swing布局管理器与常用控件,实现用户登录界面
247 0
编写Java程序,使用Swing布局管理器与常用控件,实现用户登录界面