swing-基础Layout布局

布局,掌握元素放置的必须选择,可以采取多种布局的方式组合.在swing中有很多布局可以选择

• 常用布局: BorderLayout,FlowLayout,GridLayout
• 进阶布局: SpringLayout,CardLayout,BoxLayout,GridBagLayout
• 第三方布局: FormLayout,MigLayout

如果对比h5来说

使用table布局 约等于GridLayout,
使用div布局 约等于 BoxLayout
自适应布局 约等于 GridBagLayout

GridBagLayout 不借助第三方工具的话, 可能算最万能的布局了, 但是对于代码的简易性来说, 使用GridBagLayout写布局是很折磨的感觉, 翻看之前很早很早之前写的swing 小工具, 还在类的注释上用字母画上布局. 如果A移动到F之后，需要调整很多布局代码，从那之后就放弃了swing了,如今重新拾起,是因为遇到了MigLayout

如果你读过MigLayout的Api文档,看过示例, 你会觉得so easy.

• 简单的控制位置
• 简单的控制换行
• 简单的控制宽度,高度,
• 简单的绝对定位 /相对定位
• 简单的控制内边距和外边距等等

特意使用migLayout来测试一些常见页面

话外:

当然可能有一些可视化工具 windowBuilder / JFormDesigner 等(可视化拖拽插件 ),我觉得可视化工具偏向于企业开发, 追求效率(简单功能的复制性), ,UI(width/height/color/border-radius)等的一致性,维护性(代码的相似性) 等等
如果喜欢可视化工具开发的话, 建议使用FormLayout布局,当然都是个人爱好

布局的测试代码

import com.formdev.flatlaf.FlatLightLaf;
import com.mynote.core.util.FrameUtil;
import net.miginfocom.swing.MigLayout;

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

/**
 * 视图布局
 */
public class ViewLayoutTab extends AbstractDefaultPanel {

    @Override
    public void init() {

    }

    /**
     * render视图
     */
    @Override
    protected void render() {
        JTabbedPane layouts = new JTabbedPane(JTabbedPane.LEFT);
        layouts.addTab("BorderLayout", new BorderLayoutDemo());
        layouts.addTab("FlowLayout", new JScrollPane(new FlowLayoutDemo()));
        layouts.addTab("GridLayout", new GridLayoutDemo());
        layouts.addTab("MigLayout", new MigLayoutDemo());
        view.add(layouts, "w 800,center");
        super.add(view);
    }


    @Override
    public void bindEvents() {
    }


    private class BorderLayoutDemo extends JPanel {

        public BorderLayoutDemo() {
            super.setBorder(BorderFactory.createTitledBorder("BorderLayout布局"));
            super.setLayout(new BorderLayout());
            super.add(BorderLayout.NORTH, new JButton("NORTH"));
            super.add(BorderLayout.SOUTH, new JButton("SOUTH"));
            super.add(BorderLayout.EAST, new JButton("EAST"));
            super.add(BorderLayout.WEST, new JButton("WEST"));
            super.add(BorderLayout.CENTER, new JButton("CENTER"));
        }

    }

    private class FlowLayoutDemo extends JPanel {

        public FlowLayoutDemo() {
            super.setBorder(BorderFactory.createTitledBorder("FlowLayout布局"));
            super.setPreferredSize(new Dimension(600, 500));
            super.setLayout(new FlowLayout(FlowLayout.LEFT, 5, 5));
            for (int i = 0; i < 20; i++) {
                super.add(new JButton("按钮" + i));
            }
        }

    }

    private class GridLayoutDemo extends JPanel {

        public GridLayoutDemo() {
            super.setBorder(BorderFactory.createTitledBorder("GridLayout布局"));
            super.setLayout(new GridLayout(7, 3));
            for (int i = 0; i < 20; i++) {
                super.add(new JButton("Button " + i));
            }
        }

    }

    private class MigLayoutDemo extends JPanel {

        public MigLayoutDemo() {
            super.setBorder(BorderFactory.createTitledBorder("MigLayout布局"));
            super.setLayout(new MigLayout("wrap 1"));
            super.add(createRow("username:"), "w 100%,center");
            super.add(createRow("password:"), "w 100%,center");
            super.add(new JButton("提交"), "gapleft 30%");
        }

        public JPanel createRow(String name) {
            JPanel row = new JPanel(new MigLayout());
            row.add(new JLabel(name, JLabel.RIGHT), "w :40%:100");
            row.add(new JTextField(""), "w 200:60%:300");
            return row;
        }

    }

    public static void main(String[] args) {
        FlatLightLaf.install();
        FrameUtil.launchTest(new ViewLayoutTab());
    }
}