开发者社区> 袜子都是洞> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Java图形化:布局方式

简介: 布局方式 FlowLayout:流布局 BorderLayout:边框布局 GridLayout:网格布局 FlowLayout(流布局) 像Word打字,组件从左向右排列,一列排满后自动换下一行。
+关注继续查看

布局方式

  • 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);
    }

}

图示:
流布局

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);
    }
}

图示:
边框布局

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);
    }
}

图示:
网格布局

应用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控制布局
java控制布局 1、BorderLayout
0 0
Java GUI 容器与布局
Java GUI 容器与布局
0 0
Java---布局管理代码简单使用(解答2)
Java---布局管理代码简单使用(解答)
0 0
Java---布局管理代码简单使用(解答1)
Java---布局管理代码简单使用(解答)
0 0
Java Web简明教程–网页篇[6]–布局
Java Web简明教程–网页篇[6]–布局
0 0
Java开发GUI之绝对布局
Java开发GUI之绝对布局
0 0
Java开发GUI之GridBagLayout布局
Java开发GUI之GridBagLayout布局
0 0
Java开发GUI之CardLayout卡片布局
Java开发GUI之CardLayout卡片布局
0 0
Java开发GUI之BorderLayout边界布局
Java开发GUI之BorderLayout边界布局
0 0
虚拟机在java堆中对象分配、布局和访问的过程
java虚拟机读书笔记 对象的分配、布局、访问
844 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
JAVA 应用排查全景图
立即下载
Java工程师必读手册
立即下载
Java应用提速(速度与激情)
立即下载