access中布局为阶梯怎么设计_Java可视化编程，基于布局管理器的UI设计

在《事件驱动模型》讲述了如何将用户与功能实现代码联系到一起.怎么样便于用户理解和符合用户的使用习惯? 本篇还是就此问题作分析,站在用户角度上分析UI各组件倒底该如何设计呈现。

优秀的UI会给用户带来更加便捷高效的感受，对用户体验的提升是勿容置疑的。

电影《普罗米修斯》中画面

创建操作系统风格的界面

Java默认提供的L&F(外观)在我看来简直奇丑无比, 不知道各位是否这样认为。我建议在设计Java程序的UI时直接忽略Java默认的外观而选择系统外观或者调用其他现成的外观。试想一下你可以忍受这样一个落后的文件选择对话框么。

通过以下代码我们可以将界面风格设置为与当前系统风格

UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());

在调用的时候需要对其可能抛出的异常进行捕获.

UnsupportedLookAndFeelException - 如果lnf.isSupportedLookAndFeel() 为 false

ClassCastException - 如果className 没有标识扩展LookAndFeel 的类

优秀的UI建立在良好的布局上

在学习网页基础知识的时候css作为样式表为网页设计提供了相当大的便利，Java中Layout布局管理器功能上虽然没有css那么全面，但也提供了类似的功能，为UI各种组件的排布提供了相当大的便捷。通过调用setLayout方法为其指定布局管理器。

setLayout(LayoutManager layout);

布局管理器的种类有很多，Swing提供的常用布局管理器包括流布局管理器(FlowLayout)、边界布局管理器(BorderLayout)、网格布局管理器(GridLayout)，先看一下这三个分别提供了什么样的布局方式。

FlowLayout

流布局管理器提供的布局方式正如其名，像“流”一样从左至右拜访组建，直道占据了这一行的所有空间，然后再向下移动一行。默认情况下，组件在每一行都是居中排列的，可以通过设置更改组件在每一行上的排列位置。

BorderLayout

通过frame.getContantPane()获取的容器在不指定布局管理器的情况下，

其默认采用了BorderLayout管理器。在使用该布局时，有一点需要注意一下，在向容器中添加组建的时候若不指定其排列位置，则该组建则会用填充的方式占用整个容器，若后面还有组建以相同方式添加进来，则直接覆盖。

GridLayout

网络布局管理器将容器划分为指定数量的网格，向其中添加的组件从网格的左上角开始依次以从左至右，从上至下的顺序加入到网格中，所以其每个组件的大小都是一样的。通过设置其horizGap和vertGap两个参数调整组建于相邻组建的水平间距和垂直间距，这两个参数默认为0。

绝对布局

在特定情况下需要直接调用setLocation或者setBounds方法指定组件在容器中的大小和位置时，可以使用绝对布局。注意一点，若想使用绝对布局，首先需要取消布局管理器Container.setLayout(null);

似乎仅靠上面四种方法管理组建布局有点勉为其难，再来看一看几个相对更加高级的布局管理器。

卡片式布局管理器(CardLayout)

网格包布局管理器(GridBagLayout)

箱式布局管理器(BoxLayout)

弹簧布局管理器(SpringLayout)

尽管Java中提供了十几种布局管理器，但有时还是会存在不能完全满足用户需求的情况，在学习异常类的时候我们会定义自己的异常类，那么Java是否支持自定义布局管理器呢？答案当然是支持的。这里就拿阶梯布局管理器展示怎么样自定义一个专属的布局方式。

TrapezoidLayout.java  布局管理器实现代码

import java.awt.*;

public class TrapezoidLayout implements LayoutManager {

public TrapezoidLayout() {}

public void layoutContainer(Container parent) {

Insets insets = parent.getInsets();//获取容器默认边框对象

int maxWidth = parent.getWidth() - (insets.left + insets.right);//获得最大可用宽度

int maxHeight = parent.getHeight() - (insets.top + insets.bottom);//获得最大可用高度

int count = parent.getComponentCount();//依次设置所有可见控件的位置和大小

int width = maxWidth / count;

int height = maxHeight / count;

for(int i = 0; i < count; i++) {

Component comp = parent.getComponent(i);

if(comp.isVisible()) {

// Dimension size = comp.getPreferredSize();//将控件大小设置为最佳大小

int x = maxWidth / count * i;//将宽度分成count份根据i值调整X坐标

int y = maxHeight / count * i;//将高度分成count份根据i值调整Y坐标

comp.setBounds(x, y, width, height);

}

}

}

/*这里只实现layoutContainer方法就可以实现阶梯布局管理器功能，所以其他方法实现为空*/

public void addLayoutComponent(String name, Component comp) {}

public Dimension minimumLayoutSize(Container parent) {

return new Dimension();

}

public Dimension preferredLayoutSize(Container parent) {

return new Dimension();

}

public void removeLayoutComponent(Component comp) {}

}

LayoutDemo.java 建立了一个类查看实现效果

import java.awt.*;

import javax.swing.*;

public class LayoutDemo{

JFrame frame;

JPanel panel;

public LayoutDemo() {

init();

}

private void init() {

frame = new JFrame("CustomLayout");

frame.setBounds(400, 300, 400, 300);

frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

frame.setResizable(false);

panel = new JPanel();

panel.setLayout(new TrapezoidLayout());//将panel的布局方式设置为TrapezoidLayout

frame.add(panel);

for(int i = 1; i <= 10; i++) {//逐个添加二十个按钮组件

panel.add(new Button("bon" + i));

}

frame.setVisible(true);

}

public static void main(String[] args) {

LayoutDemo demo = new LayoutDemo();

}

}

本篇主要讲述了常用的几种布局管理器的功能，相信朋友们通过API和一些具体实例的学习就可以熟练掌握各种布局管理器的使用方法。通过配合多种布局管理器的使用，针对每个程序界面都会有一种或一种以上的实现方案，在设计时充分考虑各种解决方案的优缺点(持久有效拥抱变化、易于维护)，以便从中选择一种更合适的方案，开发出更美观、大方、实用的程序界面。