【Java学习笔记】44:JFrame布局管理

布局概览

布局是指组建在容器中的排列方式,有:

布局方式 中文名
FlowLayout 流式布局
BorderLayout 边界布局
GridLayout 网格布局
CardLayout 卡片布局
BoxLayout 盒式布局
GridBagLayout 网格包布局
null 空布局(不使用布局)

各个容器即便有嵌套,还是可以使用不同的布局,当容器尺寸改变时,不同的布局使得组件排列的调整方式不同。

FlowLayout流式布局

以行为单位,按照add()的顺序依次排列组件,一行排不下另起一行。

import java.awt.Container;
import java.awt.FlowLayout;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class TestLayout extends JFrame{
    //顶层容器和中间容器
    private Container con=null;
    private JPanel jp=null;
    //其它容器
    private JButton jb1=null,jb2=null,jb3=null;

    //构造器里写JFrame要做的事
    TestLayout(){
        this.setLocation(400,200);//位置
        this.setSize(350,200);//尺寸

        //创建流式布局对象(左对齐,水平间距20,垂直间距40)
        FlowLayout fl=new FlowLayout(FlowLayout.LEFT,20,40);

        //初始化顶层容器Container和中间容器JPanel
        con=getContentPane();//顶层容器直接从JFrame获得
        jp=new JPanel();//初始化一个中间容器JPanel

        //设置容器的布局
        jp.setLayout(fl);

        //初始化其它容器
        jb1=new JButton("第一个");
        jb2=new JButton("第二个");
        jb3=new JButton("第三个");

        //容器嵌套::其它容器->中间容器JPanel->顶层容器Container
        jp.add(jb1);
        jp.add(jb2);
        jp.add(jb3);
        con.add(jp);

        //设置继承了JFrame类的本类对象的可见性
        this.setVisible(true);
    }

    public static void main(String[] args) {
        TestLayout tl=new TestLayout();
    }

}

【Java学习笔记】44:JFrame布局管理_第1张图片
【Java学习笔记】44:JFrame布局管理_第2张图片
【Java学习笔记】44:JFrame布局管理_第3张图片
JPanel的默认布局就是FlowLayout。

BorderLayout边界布局

按照东西南北中五个方位排列组件。和前面的流式布局相比,边界布局不涉及什么左对齐还是右对齐,并且在add()组件的时候要指定其方位。

import java.awt.BorderLayout;
import java.awt.Container;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class TestLayout extends JFrame{
    //顶层容器和中间容器
    private Container con=null;
    private JPanel jp=null;
    //其它容器
    private JButton jb1=null,jb2=null,jb3=null,jb4=null,jb5=null;

    //构造器里写JFrame要做的事
    TestLayout(){
        this.setLocation(400,200);//位置
        this.setSize(350,200);//尺寸

        //创建边界布局对象(水平间距20,垂直间距40)
        BorderLayout bl=new BorderLayout(20,40);

        //初始化顶层容器Container和中间容器JPanel
        con=getContentPane();//顶层容器直接从JFrame获得
        jp=new JPanel();//初始化一个中间容器JPanel

        //设置容器的布局
        jp.setLayout(bl);

        //初始化其它容器
        jb1=new JButton("第1个");
        jb2=new JButton("第2个");
        jb3=new JButton("第3个");
        jb4=new JButton("第4个");
        jb5=new JButton("第5个");

        //容器嵌套::其它容器->中间容器JPanel->顶层容器Container
        jp.add(BorderLayout.EAST,jb1);
        jp.add(BorderLayout.WEST,jb2);
        jp.add(BorderLayout.SOUTH,jb3);
        jp.add(BorderLayout.NORTH,jb4);
        jp.add(BorderLayout.CENTER,jb5);
        con.add(jp);

        //设置继承了JFrame类的本类对象的可见性
        this.setVisible(true);
    }

    public static void main(String[] args) {
        TestLayout tl=new TestLayout();
    }

}

【Java学习笔记】44:JFrame布局管理_第4张图片
【Java学习笔记】44:JFrame布局管理_第5张图片
JFrame,JApplet,JDialog,JWindow的默认布局是BorderLayout。

GridLayout网格布局

按照二维网格的方式来排列各个组件,并且大小是一样的。

import java.awt.Container;
import java.awt.GridLayout;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class TestLayout extends JFrame{
    //顶层容器和中间容器
    private Container con=null;
    private JPanel jp=null;
    //其它容器
    private JButton jb1=null,jb2=null,jb3=null,jb4=null,jb5=null;

    //构造器里写JFrame要做的事
    TestLayout(){
        this.setLocation(400,200);//位置
        this.setSize(350,200);//尺寸

        //创建网格布局对象(2行,3列,行间距40,列间距40)
        GridLayout gl=new GridLayout(2,3,40,20);

        //初始化顶层容器Container和中间容器JPanel
        con=getContentPane();//顶层容器直接从JFrame获得
        jp=new JPanel();//初始化一个中间容器JPanel

        //设置容器的布局
        jp.setLayout(gl);

        //初始化其它容器
        jb1=new JButton("第1个");
        jb2=new JButton("第2个");
        jb3=new JButton("第3个");
        jb4=new JButton("第4个");
        jb5=new JButton("第5个");

        //容器嵌套::其它容器->中间容器JPanel->顶层容器Container
        jp.add(jb1);
        jp.add(jb2);
        jp.add(jb3);
        jp.add(jb4);
        jp.add(jb5);
        con.add(jp);

        //设置继承了JFrame类的本类对象的可见性
        this.setVisible(true);
    }

    public static void main(String[] args) {
        TestLayout tl=new TestLayout();
    }

}

【Java学习笔记】44:JFrame布局管理_第6张图片
【Java学习笔记】44:JFrame布局管理_第7张图片

GridBagLayout网格包布局

在GridLayout基础上,组件在横向和纵向可以占据多个网格。这种方式很灵活,但是也很繁琐。注意要创建各个组件的约束条件(类GridBagConstraints的对象),然后在add的时候添加进去。下面这个例子中直接把组件给顶层容器了,没有使用中间容器JPanel,这样也是可行的。

import java.awt.Container;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Insets;
import javax.swing.JButton;
import javax.swing.JFrame;


public class TestLayout extends JFrame{
    //顶层容器
    private Container con=null;

    //其它容器
    private JButton jb1=null,jb2=null,jb3=null,jb4=null,jb5=null;

    //构造器里写JFrame要做的事
    TestLayout(){
        this.setLocation(400,200);//位置
        this.setSize(350,200);//尺寸

        //创建网格包布局对象()
        GridBagLayout gbl=new GridBagLayout();

        //初始化顶层容器Container
        con=getContentPane();//顶层容器直接从JFrame获得

        //设置容器的布局
        con.setLayout(gbl);

        //初始化其它容器
        jb1=new JButton("第1个");
        jb2=new JButton("第2个");
        jb3=new JButton("第3个");
        jb4=new JButton("第4个");
        jb5=new JButton("第5个");

        //以下创建各个组件的约束条件,非常繁琐
        GridBagConstraints gbc1 = new GridBagConstraints();
        gbc1.gridx = 0;//横坐标
        gbc1.gridy = 0;//纵坐标
        gbc1.gridwidth = 4;//横向占据的格子数
        gbc1.gridheight = 1;//纵向占据的格子数
        //gbc1.weightx = 1;//横向拉伸权值
        gbc1.weighty = 3;//纵向拉伸权值
        //gbc1.anchor = GridBagConstraints.WEST;//方位方式
        gbc1.fill = GridBagConstraints.HORIZONTAL;//充满方式

        GridBagConstraints gbc2 = new GridBagConstraints();
        gbc2.gridx = 0;
        gbc2.gridy = 1;
        gbc2.weighty = 2;
        //gbc2.weightx = 2;
        gbc2.gridwidth = 2;
        gbc2.gridheight = 1;
        //gbc2.anchor = GridBagConstraints.WEST;
        gbc2.fill = GridBagConstraints.HORIZONTAL;

        GridBagConstraints gbc3 = new GridBagConstraints();
        gbc3.gridx= 2;
        gbc3.gridy = 1;
        gbc3.weighty = 2;
        //gbc3.weightx = 1;
        gbc3.gridwidth = 1;
        gbc3.gridheight = 1;
        //gbc3.anchor = GridBagConstraints.WEST;
        gbc3.fill = GridBagConstraints.HORIZONTAL;
        gbc3.insets = new Insets(0,20,0,0);//指定组件与其上,左,底,右之间的像素距离
        gbc3.ipady = 40;//组件的大小等于组件的最小宽/高加上对应的ipadx/ipadys

        GridBagConstraints gbc4 = new GridBagConstraints();
        gbc4.gridx = 0;
        gbc4.gridy = 2;
        gbc4.weighty = 1;
        //gbc4.weightx = 3;
        gbc4.gridwidth = 1;
        gbc4.gridheight = 1;
        //gbc4.anchor = GridBagConstraints.WEST;
        gbc4.fill = GridBagConstraints.HORIZONTAL;

        GridBagConstraints gbc5 = new GridBagConstraints();
        gbc5.gridx = 1;
        gbc5.gridy = 2;
        gbc5.weighty = 1;
        //gbc5.weightx = 2;
        gbc5.gridwidth = 1;
        gbc5.gridheight = 1;
        //gbc5.anchor = GridBagConstraints.WEST;
        gbc5.fill = GridBagConstraints.HORIZONTAL;

        //容器嵌套:在这里指定网格包布局中各个组件的约束条件!
        con.add(jb1,gbc1);
        con.add(jb2,gbc2);
        con.add(jb3,gbc3);
        con.add(jb4,gbc4);
        con.add(jb5,gbc5);

        //设置继承了JFrame类的本类对象的可见性
        this.setVisible(true);
    }

    public static void main(String[] args) {
        TestLayout tl=new TestLayout();
    }

}

【Java学习笔记】44:JFrame布局管理_第8张图片
【Java学习笔记】44:JFrame布局管理_第9张图片

CardLayout卡片布局

以一叠卡片的形式依次排列各个组件。

import java.awt.BorderLayout;
import java.awt.CardLayout;
import java.awt.Container;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;


public class TestLayout extends JFrame implements ActionListener{
    //顶层容器
    private Container con=null;
    //中间容器
    private JPanel jp=null;
    //其它容器
    private JButton jb1=null,jb2=null,jb3=null,jb4=null,jbn=null;
    //卡片布局对象,因为在后面监听触发处理时要用,所以在这里声明
    CardLayout cl=null;

    //构造器里写JFrame要做的事
    TestLayout(){
        //注意以下两句的顺序!当没设置尺寸时,中央也就是左上角的位置,再去设置尺寸则左上角不动
        this.setSize(350,200);//尺寸
        this.setLocationRelativeTo(null);//设置在屏幕中央

        //创建卡片布局对象()
        cl=new CardLayout();

        //初始化顶层容器Container和中间容器JPanel
        con=getContentPane();//顶层容器直接从JFrame获得
        jp=new JPanel();

        //设置容器的布局
        jp.setLayout(cl);

        //初始化其它容器
        jb1=new JButton("第1个");
        jb2=new JButton("第2个");
        jb3=new JButton("第3个");
        jb4=new JButton("第4个");
        jbn=new JButton("下一个");

        //容器嵌套:因为jp设置了卡片布局,所以只显示最先添加的组件
        jp.add(jb1);
        jp.add(jb2);
        jp.add(jb3);
        jp.add(jb4);
        con.add(jp,BorderLayout.CENTER);//con边界布局的中央
        con.add(jbn,BorderLayout.SOUTH);//con边界布局的南边

        //为"下一个"按钮注册监听器
        jbn.addActionListener(this);

        //设置继承了JFrame类的本类对象的可见性
        this.setVisible(true);
    }

    //覆写actionPerformed()监听触发处理
    @Override
    public void actionPerformed(ActionEvent e) {
        if(e.getSource()==jbn)//如果是按下了jbn这个按钮
            cl.next(jp);//用卡片布局对象.next(其所设置的容器)这样的方式去切换容器中的下一张卡
    }

    public static void main(String[] args) {
        TestLayout tl=new TestLayout();
    }

}

【Java学习笔记】44:JFrame布局管理_第10张图片

BoxLayout盒式布局

BoxLayout 往往和 Box 这个容器结合在一起使用,使用Box容器提供的透明组件来填充控件之间的空间,从而调整控件间距。
Box提供了四种透明组件:Strut,Glue,Rigid和Filler,下面分别使用一次。

import java.awt.Container;
import java.awt.Dimension;
import javax.swing.Box;
import javax.swing.BoxLayout;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;


public class TestLayout extends JFrame{
    //顶层容器
    private Container con=null;
    //中间容器
    private JPanel jp=null;
    //其它容器
    private JButton jb1=null,jb2=null,jb3=null,jb4=null,jb5=null;
    //Box容器
    private Box box1 = Box.createVerticalBox();//创建纵向Box容器
    private Box box2 = Box.createHorizontalBox();//创建横向Box容器


    //构造器里写JFrame要做的事
    TestLayout(){
        super("BoxLayout演示");
        //注意以下两句的顺序!当没设置尺寸时,中央也就是左上角的位置,再去设置尺寸则左上角不动
        this.setSize(350,200);//尺寸
        this.setLocationRelativeTo(null);//设置在屏幕中央
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//按关闭时退出

        //初始化顶层容器Container和中间容器JPanel
        con=getContentPane();//顶层容器直接从JFrame获得
        jp=new JPanel();

        //创建盒式布局对象(容器实例的引用,组件的布局方式)
        BoxLayout bl=new BoxLayout(jp,BoxLayout.X_AXIS);//X_AXIS水平布置,Y_AXIS垂直布置

        //设置容器的布局
        jp.setLayout(bl);

        //初始化其它容器
        jb1=new JButton("第1个");
        jb2=new JButton("第2个");
        jb3=new JButton("第3个");
        jb4=new JButton("第4个");
        jb5=new JButton("第5个");

        //容器嵌套:把组件给了两类Box,且两类Box也有嵌套
        jp.add(box1);//把垂直Box组件给JPanel
        box1.add(jb1);//在其中添加一个按钮jb1
        box1.add(Box.createVerticalStrut(20));//添加Strut,高度为20
        box1.add(jb2);//在其中添加一个按钮jb2
        box1.add(Box.createVerticalGlue());//添加Glue,会尽可能占据空间
        box1.add(box2);//把水平Box组件添加到垂直的box1的末尾
        box2.add(jb3);//在其中添加一个按钮jb3
        box2.add(Box.createRigidArea(new Dimension(20,50)));//添加Rigid,指定宽20高50
        box2.add(jb4);//在其中添加一个按钮jb4
        box2.add(new Box.Filler(
                    new Dimension(50,50),
                    new Dimension(100,50),
                    new Dimension(200,50)
                                )
                );//添加Filler,指定最小50x50,最好100x50,最大200x50
        box2.add(jb5);//在其中添加一个按钮jb5
        con.add(jp);//给顶层容器

        //设置继承了JFrame类的本类对象的可见性
        this.setVisible(true);
    }

    public static void main(String[] args) {
        TestLayout tl=new TestLayout();
    }

}

【Java学习笔记】44:JFrame布局管理_第11张图片
【Java学习笔记】44:JFrame布局管理_第12张图片

NULL空布局

空布局即绝对布局,应为每个组件指定其绝对位置。

import java.awt.Container;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;


public class TestLayout extends JFrame{
    //顶层容器
    private Container con=null;
    //中间容器
    private JPanel jp=null;
    //其它容器
    private JButton jb1=null,jb2=null,jb3=null,jb4=null,jb5=null;

    //构造器里写JFrame要做的事
    TestLayout(){
        super("NULL布局演示");
        //注意以下两句的顺序!当没设置尺寸时,中央也就是左上角的位置,再去设置尺寸则左上角不动
        this.setSize(350,200);//尺寸
        this.setLocationRelativeTo(null);//设置在屏幕中央
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//按关闭时退出

        //初始化顶层容器Container和中间容器JPanel
        con=getContentPane();//顶层容器直接从JFrame获得
        jp=new JPanel();

        //设置容器的布局为null(空布局)
        jp.setLayout(null);

        //初始化其它容器
        jb1=new JButton("第1个");
        jb2=new JButton("第2个");
        jb3=new JButton("第3个");
        jb4=new JButton("第4个");
        jb5=new JButton("第5个");

        //容器嵌套:和FlowLayout一样
        jp.add(jb1);
        jp.add(jb2);
        jp.add(jb3);
        jp.add(jb4);
        jp.add(jb5);
        con.add(jp);

        //为每个控件单独设置位置
        //组件名.setBounds(横坐标,纵坐标,组件宽度,组件高度)
        jb1.setBounds(100,20,80,40);
        jb2.setBounds(10,40,100,40);
        jb3.setBounds(200,20,70,80);
        jb4.setBounds(30,50,100,80);
        jb5.setBounds(60,40,160,100);

        //设置继承了JFrame类的本类对象的可见性
        this.setVisible(true);
    }

    public static void main(String[] args) {
        TestLayout tl=new TestLayout();
    }

}

【Java学习笔记】44:JFrame布局管理_第13张图片
【Java学习笔记】44:JFrame布局管理_第14张图片

你可能感兴趣的:(Java)