java图形用户界面设计.txt

Java技巧与编程经验谈共32个文件

else if (s.equals("B"))
b.setText("1/x");
else if (s.equals("C"))
b.setText("%");
else if (s.equals("D"))
b.setText("+/-");
b.setForeground(Color.blue);
c.add(b);
b.addActionListener(this);
}
/**以BorderLayout布局JApplet*/
this.setLayout(new BorderLayout());
this.add(p2, "North");
this.add(p3, "Center");
这样，就一切OK啦。具体的实现代码可参见附件中的CalculateApplet.java文件。3.2 带工具栏和状态栏的GridLayout/BorderLayout应用实例
3.2.1实际问题
在很多情况下我们需要动态设置工具栏和状态栏，看下面的应用实例：
以上是在视图的工具栏和状态栏都被复选的时候，以下分别为某一个没选或都未选的情况。
3.2.2解决方法
/**工具栏JToolBar采用从左开始的FlowLayout布局*/JToolBar toolBar = new JToolBar();	toolBar.setBorderPainted(false); //不画边界    toolBar.setLayout(new FlowLayout(FlowLayout.LEFT));	/**窗体采用动态的BorderLayout布局，通过获取工具栏或状态栏的复选标记进行界面的动态调整*/JSplitPane splitPane = new JSplitPane();splitPane.setOrientation(JSplitPane.VERTICAL_SPLIT); //设置统计窗口分隔条的方向splitPane.setDividerLocation(300); 	//设置分隔条的位置splitPane.setOneTouchExpandable(true);JCheckBoxMenuItem toolBarItem = new JCheckBoxMenuItem("工具栏(T)", true);    JLabel statusLabel = new JLabel("当前统计目标:");    JCheckBoxMenuItem statusBarItem = new JCheckBoxMenuItem("状态栏(S)", true);/**设置系统窗体布局并动态设置工具栏和状态栏*/    private void setLayout()    {        if (toolBarItem.getState() &&am;' statusBarItem.getState())        {            this.getContentPane().add(BorderLayout.NORTH, toolBar);            this.getContentPane().add(BorderLayout.CENTER, splitPane);            this.getContentPane().add(BorderLayout.SOUTH, statusLabel);        }        else if (toolBarItem.getState() && !statusBarItem.getState())        {            this.getContentPane().add(BorderLayout.NORTH, toolBar);            this.getContentPane().remove(statusLabel);        }        else if (statusBarItem.getState() && !toolBarItem.getState())        {            this.getContentPane().add(BorderLayout.SOUTH, statusLabel);            this.getContentPane().remove(toolBar);        }        else if (!toolBarItem.getState() && !statusBarItem.getState())        {            this.getContentPane().remove(toolBar);            this.getContentPane().remove(statusLabel);        }        this.show(); //添加或移去组件后刷新界面    }
通过该方法即可实现界面的动态刷新与调整。
3.3 GridBagLayout应用实例
3.3.1实际问题
GridBagLayout是Java API提供的一个较复杂的布局管理器，利用好它可以解决许多实际编程中的令人烦恼的界面设计问题。看下面的界面应用实例：
3.3.2解决方法
这个界面的设计比较复杂，涉及多个标签域（JLabel）、文本域（JTextField、JTextArea），且标签域的大小还不一样，如附件标签；并当窗体缩放时，标签域的大小应不改变，而文本域则必须自适应缩放。如何来实现呢？请看下面的代码：（工具栏的实现不再赘述）
/**系统的界面布局实现*/GridBagConstraints gridBag = new GridBagConstraints();gridBag.fill = GridBagConstraints.HORIZONTAL;  //以水平填充方式布局    gridBag.weightx = 0;  //行长不变    gridBag.weighty = 0;  //列高不变    fromLabel.setForeground(Color.blue);    fromLabel.setFont(new Font("Alias", Font.BOLD, 16));    this.add(fromLabel, gridBag, 0, 1, 1, 1);  //指定发信人标签位置    receiveLabel.setForeground(Color.blue);    receiveLabel.setFont(new Font("Alias", Font.BOLD, 16));    this.add(receiveLabel, gridBag, 0, 2, 1, 1); //指定收信人标签位置及大小    ccLabel.setForeground(Color.blue);    ccLabel.setFont(new Font("Alias", Font.BOLD, 16));    this.add(ccLabel, gridBag, 0, 3, 1, 1); //指定抄送人标签位置及大小    subjectLabel.setForeground(Color.blue);    subjectLabel.setFont(new Font("Alias", Font.BOLD, 16));    his.add(subjectLabel, gridBag, 0, 4, 1, 1); //指定主题标签位置及大小    accessoryLabel.setForeground(Color.blue);    accessoryLabel.setFont(new Font("Alias", Font.BOLD, 16));    this.add(accessoryLabel, gridBag, 0, 5, 1, 1); //指定附件标签位置及大小    gridBag.weightx = 100; //行自适应缩放    gridBag.weighty = 0;//列高不变    fromField.setText("[e-mail]");   	this.add(fromField, gridBag, 1, 1, 2, 1); //指定发信人文本域（JTextField）位置及大小    this.add(receiveField, gridBag, 1, 2, 2, 1); //指定收信人文本域（JTextField）位置及大小    this.add(ccField, gridBag, 1, 3, 2, 1); //指定抄送人文本域（JTextField）位置及大小    this.add(subjectField, gridBag, 1, 4, 2, 1); //指定主题文本域（JTextField）位置及大小    accessoryArea.setEditable(false); //设置不显示水平滚动条（该JTextArea置于JScrollPane中）accessoryScroll.setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_NEVER);    this.add(accessoryScroll, gridBag, 1, 5, 2, 1); //指定附件文本区（JTextArea）位置及大小    gridBag.fill = GridBagConstraints.BOTH;//采用全填充方式布局    gridBag.weightx = 100;//行自适应缩放    gridBag.weighty = 100;//列自适应缩放    mailArea.setBackground(Color.blue);    mailArea.setForeground(Color.yellow);    mailArea.setTabSize(4);    //指定信件主体区（JTextArea）的位置及大小。（该JTextArea也置于JScrollPane中）	this.add(scroll, gridBag, 0, 6, 3, 1);	在上面用到一个方法add()，这个方法是自己定义的：private void add(Component c, GridBagConstraints gbc, int x, int y, int w, int h)    {        gbc.gridx = x;        gbc.gridy = y;        gbc.gridheight = h;        gbc.gridwidth = w;        this.getContentPane().add(c, gbc);    }

在用到GridBagLayout布局管理器的组件添加方法中，都可以重用它。事实上，你还可以在方法最前面加一个参数Container cn，而将方法中的this相应的改为cn，就可以通用于所有需要使用GridBagLayout进行布局管理的容器中。在下面的复杂例程中我们就会用到。
3.4 综合多个布局的复杂应用实例
3.4.1实际问题
请看下面的实际应用界面要求：
（图3.4-1）（图3.4-2） （图3.4-3） 
在这个具体应用中，底部的JButton组是确定的，但JTabbedPane的每一个选项都不同，如何实现呢？
3.4.2解决方案
首先我们可以采用BorderLayout确定主题对话框的布局方式，实现方法如下：
JTabbedPane dbTabPane = new JTabbedPane();…… //下面需要用到的JButton等组件变量定义（或声明）private void initLayout(){initDBTabPane();//初始化JTabbedPane:DBTabPane组件    this.getContentPane().add(BorderLayout.CENTER, dbTabPane);	//将JTabbedPane组件：dbTabPane布局于JDialog对话框的中间        initButtonPanel();//初始化JPanel:ButtonPanel组件        this.getContentPane().add(BorderLayout.SOUTH, buttonPanel);	//将JPanel组件：buttonPanel布局于JDialog对话框的底部（南面）    }private void initDBTabPane(){        JPanel loginPanel = new JPanel(new GridLayout(10, 1));//为保证两个JCheckBox组件位于顶端，设置为共10行，每行一个组件的布局，但只//放置界面要求的两个组件，这样就保持了界面的美观，否则如定义为//Gridlayout(2,1)则会使两个组件居中，而且中间会隔开较长的距离。pwdBox.setMnemonic('P');        loginPanel.add(pwdBox);        dspBox.setMnemonic('D');        loginPanel.add(dspBox);        dbTabPane.add("Login", loginPanel); //设置"Login"JPanel（图3.4-1）的布局        needRadio.setMnemonic('N');        allRadio.setMnemonic('A');        cacheRadio.setMnemonic('U');        radioPanel.setBorder(new TitledBorder("Load Option"));//加上边界标题        radioPanel.add(needRadio);        radioPanel.add(allRadio);        radioPanel.add(cacheRadio);//以上为加入需要的JRadioButton组件到指定的JPanel: radioPanel        queryPanel.add(radioPanel);//加入含JRadioButton组的JPanel到queryPanel        reqBox.setMnemonic('R');        boxPanel.add(reqBox);        saveBox.setMnemonic('S');        boxPanel.add(saveBox);        autoBox.setMnemonic('t');        boxPanel.add(autoBox);//以上为加入需要的JCheckBox组到指定的JPanel：boxPanel        queryPanel.add(boxPanel); //加入含JCheckBox组的JPanel到queryPanel        dbTabPane.add("Query", queryPanel);//设置"Query"JPanel（图3.4-2）的布局        initDrvPanel();    }/**设置"Drivers"JPanel（图3.4-3）的布局*/private void initDrvPanel(){        gridBag.fill = GridBagConstraints.HORIZONTAL;        gridBag.weightx = 100;        gridBag.weighty = 0;        tipLabel.setForeground(Color.black);        this.add(drvPanel, tipLabel, gridBag, 0, 0, 4, 1);        urlLabel.setForeground(Color.black);        this.add(drvPanel, urlLabel, gridBag, 0, 5, 4, 1);        urlField.setEditable(false);        this.add(drvPanel, urlField, gridBag, 0, 6, 4, 1);        gridBag.weightx = 0;        gridBag.weighty = 0;        addButton.setMnemonic('A');        this.add(drvPanel, addButton, gridBag, 3, 1, 1, 1);        editButton.setMnemonic('E');        this.add(drvPanel, editButton, gridBag, 3, 2, 1, 1);        removeButton.setMnemonic('R');        this.add(drvPanel, removeButton, gridBag, 3, 3, 1, 1);        gridBag.fill = GridBagConstraints.BOTH;        gridBag.weightx = 100;        gridBag.weighty = 100;       	//设置JTable组件：drvTable的从0到7行第0列的值for (int i = 0; i < 8; i++)       		drvTable.setValueAt(drvStrs[i],i,0); //设置JTable的列头drvTable.getColumn(drvTable.getColumnName(0)).setHeaderValue("All Drivers");        drvTable.setShowGrid(false);//设置不显示网格线        this.add(drvPanel, drvScroll, gridBag, 0, 1, 3, 4);        dbTabPane.add("Drivers", drvPanel);   }/**初始化底部JButton组的布局*/private void initButtonPanel()    {        JPanel buttonPanel = new JPanel(new FlowLayout(FlowLayout.RIGHT));//从右边开始进行FlowLayout布局okButton.setMnemonic('O');        buttonPanel.add(okButton);        cancelButton.setMnemonic('C');        buttonPanel.add(cancelButton);        helpButton.setMnemonic('H');        buttonPanel.add(helpButton);    }/**给指定的容器cn在指定的（x,y）位置放置指定大小（宽度=w,高度=h）的组件c*/private void add(Container cn, Component c, GridBagConstraints gbc, int x, int y, int w, int h){        gbc.gridx = x;        gbc.gridy = y;        gbc.gridwidth = w;        gbc.gridheight = h;        cn.add(c, gbc);    }	
4 结束语
以上是本人在两年多J2EE应用开发中，总结的关于用Java进行GUI设计的一些经验，希望能给曾经象我一样迷惘，但依旧对Java一往情深，至今仍在摸索探求Java GUI设计捷径的朋友一些启示。更希望借此机会抛砖引玉，与更多的朋友进行交流与探讨。其实，在Java中所有的布局管理器都要实现一个接口，即LayoutManager Inerface或者是它的一个子接口LayoutManager2 Interface，后者用于更复杂的布局管理。如果在实际应用中，觉得Java API提供的这些布局管理器仍不够用，你完全可以自己来实现其中某一个接口的方法，从而为你自己的具体GUI应用设计提供更好的布局管理。
5 参考资料
jdk1.4 API http://java.sun.com/j2se/1.4/docs/api/ 
《Java2图形设计 卷Ⅱ：SWING》 机械工业出版社 6 附件
JavaSrc.zip包含下列java源代码和Class代码：
CalculatorApplet.java为计算器Applet的实现代码。可以通过点击Calculator.html运行；或通过appletviewer来运行。 
DBOptions.java为3.4实例的具体实现代码。你可以通过自己编写一个JFrame来调用。 
7 附录：关于作者
文枫（网名：西瓜），国防科大计算机学士，深圳全通数码高级程序员。目前专注于J2EE应用与开发。休闲时间喜欢旅游、踢球。你可以通过 [e-mail] 与我联系。