Java图形用户界面设计

前言随着Internet的飞速发展，Java技术也得到了越来越广泛的应用。

而无论我们是采用J2SE、J2EE还是J2ME，GUI都是不能回避的问题。

现在的应用软件越来越要求界面友好、功能强大而又使用简单。

而众所周知，在Java中进行GUI 设计相对于其跨平台、多线程等特性的实现要复杂和麻烦许多。

这也是很多Java 程序员抱怨的事情。

但GUI已经成为程序发展的方向，所以我们也必须了解Java 的GUI设计方法和特点。

其实，采用Java提供的布局管理器接口和相应的布局管理类，我们也可以做出相当漂亮的界面来，当然实现起来肯定要比VB麻烦许多。

本文试图通过自己的开发经历介绍一些具体的应用实例，希望能给那些曾经象我一样苦闷的Java痴迷者一些帮助。

Java中的布局管理器2.1 为什么要使用布局在实际编程中，我们每设计一个窗体，都要往其中添加若干组件。

为了管理好这些组件的布局，我们就需要使用布局管理器。

比如说，设计一个简单的计算器，或一个文本编辑器等等。

这些组件是让JVM 自己任意安排呢?还是按照一定的位置关系进行规范的安排呢?当然应该选择后者。

将加入到容器的组件按照一定的顺序和规则放置，使之看起来更美观，这就是布局。

在Java中，布局由布局管理器 (LayoutManager) 来管理。

那么，我们在什么时候应该使用布局管理器?应选择哪种布局管理器?又该怎样使用布局管理器呢?如果你写的是GUI程序，在使用AWT/Swing组件时就不应硬性设置组件的大小和位置，而应该使用Java的布局管理器(LayoutManager)来设置和管理可视组件的大小和位置，否则就有可能造成布局混乱。

不信，你可以新建一个Frame(或JFrame)，通过setBounds()方法往其中添加几个Button(或JButton)，一旦你将窗体拉大或缩小时，你会发现组件的排列完全不是按你所预想的那样。

为了解决这个问题，即当窗体(或容器)缩放时，组件位置也随之合理调整，我们就需要使用布局管理器。

为此，我们首先要知道Java的布局方式，Java提供的API中有些什么布局管理器，它们的布局特点是什么。

2.2 Java的布局方式我们都知道，Java的GUI界面定义是由AWT类包和Swing类包来完成的。

它在布局管理上采用了容器和布局管理分离的方案。

也就是说，容器只管将其他组件放入其中，而不管这些组件是如何放置的。

对于布局的管理交给专门的布局管理器类(LayoutManager)来完成。

现在我们来看Java中布局管理器的具体实现。

我们前面说过，Java中的容器类(Container)，它们只管加入组件(Component)，也就是说，它只使用自己的add()方法向自己内部加入组件。

同时他记录这些加入其内部的组件的个数，可以通过container.getComponentCount()方法类获得组件的数目，通过container.getComponent(i)来获得相应组件的句柄。

然后LayoutManager类就可以通过这些信息来实际布局其中的组件了。

Java已经为我们提供了几个常用的布局管理器类，例如： FlowLayout、BorderLayout、GridLayout、GridBagLayout等。

下面列表说明它们的布局特点：事实上，在大多数情况下，综合运用好这些布局管理器已可以满足需要。

当然对于特殊的具体应用，我们可以通过实现LayoutManager或LayoutManager2接口来定义自己的布局管理器。

下面我们通过几个实例来了解几个常用的布局管理器的使用方法。

点此发表你的看法>>【已有位网友发表了看法】3.1 FlowLayout/GridLayout/BorderLayout的应用实例3.1.1应用背景假设我们要编写一个简单的计算器JApplet，其基本界面如下：3.1.2解决方法通过其界面要求可知，我们可以通过将"BackSpace"和"Clear"JButton放置在一个JPanel(1)中，采用FlowLayout布局;将显示结果的JTextField和该JPanel一起放置到另外一个JPanel(2)，采用GridLayout布局;而将其它的JButton则放置在另外一个JPanel(3)中，采用GridLayout布局;再将JPanel(2)和JPanel(3)加入该JApplet，即可实现界面需求。

具体实现方法如下：这样，就一切OK啦。

具体的实现代码可参见附件中的CalculateApplet.java 文件。

3.2 带工具栏和状态栏的GridLayout/BorderLayout应用实例3.2.1实际问题在很多情况下我们需要动态设置工具栏和状态栏，看下面的应用实例：以上是在视图的工具栏和状态栏都被复选的时候，以下分别为某一个没选或都未选的情况。

3.2.2解决方法1/**工具栏JToolBar采用从左开始的FlowLayout布局*/2 JToolBar toolBar = new JToolBar();3 toolBar.setBorderPainted(false); //不画边界4 toolBar.setLayout(new FlowLayout(FlowLayout.LEFT));56/**窗体采用动态的BorderLayout布局，通过获取工具栏或状态栏的复选标记进行界面的动态调整*/7 JSplitPane splitPane = new JSplitPane();8 splitPane.setOrientation(JSplitPane.VERTICAL_SPLIT); //设置统计窗口分隔条的方向9 splitPane.setDividerLocation(300); //设置分隔条的位置10 splitPane.setOneTouchExpandable(true);11 JCheckBoxMenuItem toolBarItem = new JCheckBoxMenuItem("工具栏(T)", true);12 JLabel statusLabel = new JLabel("当前统计目标:");13 JCheckBoxMenuItem statusBarItem = new JCheckBoxMenuItem("状态栏(S)", true);14/**设置系统窗体布局并动态设置工具栏和状态栏*/15private void setLayout()16 {17if (toolBarItem.getState() &&' statusBarItem.getState())18 {19this.getContentPane().add(BorderLayout.NORTH, toolBar); 20this.getContentPane().add(BorderLayout.CENTER, splitPa ne);21this.getContentPane().add(BorderLayout.SOUTH, statusLa bel);22 }23else if (toolBarItem.getState() && !statusBarItem.getState ())24 {25this.getContentPane().add(BorderLayout.NORTH, toolBar); 26this.getContentPane().remove(statusLabel);27 }28else if (statusBarItem.getState() && !toolBarItem.getState ())29 {30this.getContentPane().add(BorderLayout.SOUTH, statusLa bel);31this.getContentPane().remove(toolBar);32 }33else if (!toolBarItem.getState() && !statusBarItem.getState())34 {35this.getContentPane().remove(toolBar);36this.getContentPane().remove(statusLabel);37 }38this.show(); //添加或移去组件后刷新界面39 }40通过该方法即可实现界面的动态刷新与调整。

3.3 GridBagLayout应用实例3.3.1实际问题GridBagLayout是Java API提供的一个较复杂的布局管理器，利用好它可以解决许多实际编程中的令人烦恼的界面设计问题。

看下面的界面应用实例：3.3.2解决方法1/**系统的界面布局实现*/2 GridBagConstraints gridBag = new GridBagConstraints();3 gridBag.fill = GridBagConstraints.HORIZONTAL; //以水平填充方式布局4 gridBag.weightx = 0; //行长不变5 gridBag.weighty = 0; //列高不变6 fromLabel.setForeground(Color.blue);7 fromLabel.setFont(new Font("Alias", Font.BOLD, 16));8this.add(fromLabel, gridBag, 0, 1, 1, 1); //指定发信人标签位置9 receiveLabel.setForeground(Color.blue);10 receiveLabel.setFont(new Font("Alias", Font.BOLD, 16));11this.add(receiveLabel, gridBag, 0, 2, 1, 1); //指定收信人标签位置及大小12 ccLabel.setForeground(Color.blue);13 ccLabel.setFont(new Font("Alias", Font.BOLD, 16));14this.add(ccLabel, gridBag, 0, 3, 1, 1); //指定抄送人标签位置及大小15 subjectLabel.setForeground(Color.blue);16 subjectLabel.setFont(new Font("Alias", Font.BOLD, 16));17 his.add(subjectLabel, gridBag, 0, 4, 1, 1); //指定主题标签位置及大小18 accessoryLabel.setForeground(Color.blue);19 accessoryLabel.setFont(new Font("Alias", Font.BOLD, 16));20this.add(accessoryLabel, gridBag, 0, 5, 1, 1); //指定附件标签位置及大小21 gridBag.weightx = 100; //行自适应缩放22 gridBag.weighty = 0;//列高不变23 fromField.setText("admin@");24this.add(fromField, gridBag, 1, 1, 2, 1); //指定发信人文本域（JTextField）位置及大小25this.add(receiveField, gridBag, 1, 2, 2, 1); //指定收信人文本域（JTextField）位置及大小26this.add(ccField, gridBag, 1, 3, 2, 1); //指定抄送人文本域（JT extField）位置及大小27this.add(subjectField, gridBag, 1, 4, 2, 1); //指定主题文本域（JTextField）位置及大小28 accessoryArea.setEditable(false);29//设置不显示水平滚动条（该JTextArea置于JScrollPane中）30 accessoryScroll.setHorizontalScrollBarPolicy(JScrollPane.HORIZONTA L_SCROLLBAR_NEVER);31this.add(accessoryScroll, gridBag, 1, 5, 2, 1); //指定附件文本区（JTextArea）位置及大小32 gridBag.fill = GridBagConstraints.BOTH;//采用全填充方式布局33 gridBag.weightx = 100;//行自适应缩放34 gridBag.weighty = 100;//列自适应缩放35 mailArea.setBackground(Color.blue);36 mailArea.setForeground(Color.yellow);37 mailArea.setTabSize(4);38//指定信件主体区（JTextArea）的位置及大小。