GUI图形用户界面设计注意事项

Posted 2020-10-01 无奈的福哥

　　软件设计，当然不能局限于算法、代码的设计，界面的设计也同样重要。作为一个全面的编程人员，关心用户体验，也是我们应有的责任与义务。

　　JavaGUI中，有着图形类与工具类等等，图形类包括了容器类与组件类，工具类又包括颜色类、字体类等，现在开发中，图形类使用javax.swing包下的以J开头的类，其他使用java.awt包下的类即可。

　　容器本质也是一种组件，只不过它被设计来放置其他具体的组件。

　　设置图形用户界面首先要有一个窗体JFrame类型对象，如果是自定义的窗体，那么它也要继承（extents）JFrame类，此时自定义和窗体具有JFrame所具有的特性。

　　我们可以在窗体类的构造中：设置窗体标题setTitle(),设置大小setSize()等等,如果要网窗体中添加东西（内容），我们不能直接添加，而是要获得窗体的内容面板，用getContentPane()方法获得，并用一个Container类型的引用（设为c）接收。此时可以让c调用add(参)方法往其中添加组件和其他的面板。

　　面板类型为JPanel,我们自定义的面板要继承JPanel类，此时自定义面板具有JPanel的特性。因为自定义面板本省就是一种内容面板，我们不需要像窗体那样获取内容面板，可以直接在器构造方法中设置大小、背景颜色等，并可以直接调用它的add(参)方法添加组件和其他的面板。

　　组件分类比较多，常用的有按钮JButton、标签Jlabel、文本框JTextField等等。我们的组件可以定义为面板的属性， 在面板的构造中实例化，设置位置和大小后，放到面板的add(参)方法的参数位置即可完成组件的添加。

　　通过组件的添加我们可以发现，一个组件（包括面板扥容器）的生成离不开三步：

　　1.实例化new

 　　2.设置位置和大小setBounds(位置横x，位置纵y,水平大小w,垂直大小h)

　　3.往容器（面板）中添加 面板.add(本组件的引用)

　　这里应该注意的是，任何原点以容器的左上角点为基准，设置位置和大小时，先水平后垂直。

　　我们会发现，所有的组件（和子容器）一个个设置位置会比较麻烦，java为我们提供了一些布局(Layout)方式，让我们可以根据需求使用布局来减少我们的工作量。常用的布局有：1.空布局null  2.边界布局（BorderLayout） 3.网格布局（GridLayout）4.流布局（FlowLayout）等等。

　　空布局：在我们添加组件时，组件大小和位置需要自己设置，即为上文说的比较麻烦的三步做法。

　　流布局：在我们添加组件时，默认往面板的第一行添加，而且加入的组件位于面板的中间位置；且有多个组件时，按照自左向右，自上而下的顺序加入，各组件的位置整体居中（类似WORD中的居中对齐）。且组件大小由组件的内容决定。

　　边界布局：此布局将面板分为东西南北中，且南北为贯通，在我们添加组件时，默认往面板的第中部添加，而且加入的组件若仍然位于面板的中间位置则会覆盖；且有多个组件时，应该设置其加入的方位，还是一样，同一个方位多个组件会覆盖。且组件大小由组件的内容决定。

　　网格布局：此布局将面板均分分为我们定义的网格数（横m*纵n），在我们添加组件时，默认往面板的左上角第一个添加，且有多个组件时，他们按照自左向右，自上而下的顺序加入，且组件大小由网格的大小决定。若组件的数量比我们预设的网格数多或者少，能够容纳的情况下，网格布局会保证行不变，自动调节列数（增多或者减少）。

　　这样我们具备了一系列GUI设计的手段，接下来，可以愉快地设计美观的界面了哟~