Java图形化:布局方式

布局方式

  • FlowLayout:流布局
  • BorderLayout:边框布局
  • GridLayout:网格布局

FlowLayout(流布局)

像Word打字,组件从左向右排列,一列排满后自动换下一行。组件默认居中对齐,可以设置左/右对齐。
流布局会维持组件的原始大小。
流布局是JPanel(面板)的默认布局。
容器可以使用setLayout()方法改变布局。

示例代码:

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

public class TestLowLayout {
    public static void main(String[] args) {
        JFrame jf = new JFrame("流布局Demo");
        FlowLayout fl = new FlowLayout();
        jf.setLayout(fl);
        JButton jb1 = new JButton("按钮1");
        JButton jb2 = new JButton("按钮2");
        jf.add(jb1);
        jf.add(jb2);
        jf.setSize(600, 300);
        jf.setLocation(300, 200);
        jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        jf.setVisible(true);
    }

}

图示:
Java图形化:布局方式

BorderLayout(边框布局)

边框布局把整个窗口分成了5个部分:

  • 上北
  • 下南
  • 左西
  • 右东

其中,北和南是整行,但是中、西、东都不是整列。一般只会出现2个或3个部分。组件放入时需要指定放在哪个区域,默认在中部。每个部分只能存放一个组件,如果存放多个就会覆盖前面的。如果想存放多个必须借助面板(Panel)。组件在边框布局中不保持原始大小,会充满整个区域,JFrame的默认布局就是边框布局。如果某个部分不出现,这个区域会被出现的部分挤占。

示例代码:

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

public class TestBorderLayout {
    public static void main(String[] args) {
        JFrame jf = new JFrame("BorderLayout窗口");
        
        JButton jb = new JButton("中");
        JButton jb1 = new JButton("北");
        JButton jb2 = new JButton("南");
        JButton jb3 = new JButton("西");
        JButton jb4 = new JButton("东");
        
        jf.add(jb);
        jf.add(jb1,BorderLayout.NORTH);
        jf.add(jb2,BorderLayout.SOUTH);
        jf.add(jb3,BorderLayout.WEST);
        jf.add(jb4,BorderLayout.EAST);
        
        jf.setSize(600, 300);
        jf.setLocation(600, 600);
        jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        jf.setVisible(true);
    }
}

图示:
Java图形化:布局方式

GridLayout(网格布局)

把窗口分成几行几列的表格方式,构造时需要指定行数和列数。组件在网状布局中不保持原始大小,会充满整个区域。组件在网状布局中,一个格子只存放一个组件,自动向后走。

示例代码:

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

public class TestGridLayout {
    public static void main(String[] args) {
        JFrame jf = new JFrame("网格布局Test");
        GridLayout gl = new GridLayout(5,4);
        jf.setLayout(gl);
        for (int i=0; i < 20; i++) {
            JButton jb = new JButton("按钮 "+i);
            jf.add(jb);
        }
        // 自动调整大小
        jf.pack();
        jf.setLocation(300, 200);
        jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        jf.setVisible(true);
    }
}

图示:
Java图形化:布局方式

应用1:计算器

import java.awt.BorderLayout;
import java.awt.GridLayout;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextField;

public class ComputerTest {
    public static void main(String[] args) {
        JFrame jf = new JFrame("计算器");
        JTextField jtf = new JTextField("0",20);
        jf.add(jtf,BorderLayout.NORTH);
        String[] lab = {"CE","C","+/-","BackS","7","8","9","+","4","5","6","-","1","2","3","*","0",".","=","/"};
        JPanel jp = new JPanel();
        GridLayout gl = new GridLayout(5,4);
        jp.setLayout(gl);
        for (int i=0; i<lab.length; i++) {
            JButton jb = new JButton(lab[i]);
            jp.add(jb);
        }
        jf.add(jp);
        // 自动调节窗口大小
        jf.pack();
        //  禁止改变窗口大小
        jf.setResizable(false);
        jf.setLocation(300, 200);
        jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        jf.setVisible(true);
    }
}

图示:
Java图形化:布局方式

上一篇:Scala学习笔记


下一篇:Jsp读取MySQL数据