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

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

  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设计的手段,接下来,可以愉快地设计美观的界面了哟~

  

时间: 2024-10-14 22:31:00

GUI图形用户界面设计注意事项的相关文章

GUI(图形用户界面)

AWT概述 GUI全称是Graphical User Interface,即图形用户界面,即应用程序提供给用户操作的图形界面,包括窗口.菜单.按钮.工具栏和其它各种图形界面元素 GUI设计提供了丰富的类库,这些类分别位于java.awt和javax.swing包中,简称为AWT和Swing Swing不仅实现了AWT中的所有功能,而且提供了更加丰富的组件和功能,足以满足GUI设计的一切需求. AWT事件处理事件处理机制 事件处理机制专门用于响应用户的操作,比如,想要响应用户的点击鼠标.按下键盘等

第05周实验:简单图形用户界面设计

什么是 GUI GUI 是 Graphical User Interface(图形用户界面)的缩写.在 GUI 中,并不只是键入文本和返回文本,用户可以看到窗口.按钮.文本框等图形,而且可以用鼠标点击,还可以通过键盘键入. 第一个 GUI 代码清单 6-1 小GUI程序“Hello,world” 运行程序,你会看到下面的界面(可能会有点慢) OK,我们利用下表来逐行解释代码清单 6-1的内容: app = wx.App() 每一个wxPython应用程序都是一个 wx.App实例 . wx.Fr

图形用户界面设计琐碎概念

//**************************************// 图形用户界面或图形用户接口(Graphical User Interface,GUI)是采用图形方式显示的计算机操作环境用户接口.与早期计算机使用的命令行界面相比,图形界面对于用户来说更为简易.(比如你用WindowsXP和使用DOS操作系统的差别).GUI是事件驱动的,也就是说,一旦用户与GUI交互,GUI组件就会产生“事件”(动作).常见交互包括西东鼠标.单机鼠标按钮.在文字段输入.从菜单选择一个选项以及关

转:python 实现GUI(图形用户界面)编程

转:https://blog.csdn.net/dongfei2033/article/details/77971197/ Python支持多种图形界面的第三方库,包括: wxWidgets Qt GTK Tkinter: Tkinter 模块(Tk 接口)是 Python 的标准 Tk GUI 工具包的接口 .Tk 和 Tkinter 可以在大多数的 Unix 平台下使用,同样可以应用在 Windows 和 Macintosh 系统里.Tk8.0 的后续版本可以实现本地窗口风格,并良好地运行在

MATLAB学习笔记(十一)——MATLAB图形用户界面设计

(一)菜单设计 一.建立用户菜单 1.概况: 用户菜单一般含有一级菜单和二级菜单,乃至多级菜单.每一级菜单又包含多个菜单项.建立菜单可以使用uimenu函数. 2.uimenu函数调用: %建立一级菜单的函数调用: 一级菜单句柄=uimenu(图形窗口句柄,属性名1,属性值1,属性名2,属性值2,--); %建立一级菜单需给出图形窗口的句柄值. %如果省略句柄值,MATLAB就在当前图形窗口中建立这个菜单项. %如果当前没有图形窗口,则自动打开一个图形窗口. %建立子菜单项的函数调用: 子菜单项

黑马程序员------Java中GUI(图形用户界面)学习总结

Java培训.Android培训.iOS培训..Net培训</a>.期待与您交流! GUI: Graphical User Interface(图形用户接口). 即用图形的方式,来显示计算机操作的界面,以方便用户更容易更直观地操作. Java中为GUI提供的对象都在Java.Awt和Javax.Swing两个包中. java.Awt: Abstract Window ToolKit (抽象窗口工具包). 需要调用本地系统方法实现功能,属于重量级控件. javax.Swing: 在AWT的基础上

实验十:图形用户界面设计

源代码: package jisuanqi; import java.awt.Button;import java.awt.FlowLayout;import java.awt.Frame;import java.awt.Label;import java.awt.TextField;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import java.util.StringTokenizer; im

十一:Java之GUI图形Awt和Swing

一. AWT和 Swing AWT 和 Swing 是 Java 设计 GUI用户界面的基础.与 AWT 的重量级组件不同,Swing 中大部分是轻量级组件.正是这个原因,Swing 几乎无所不能,不但有各式各样先进的组件,而且更为美观易用.所以一开始使用AWT 的程序员很快就转向使用 Swing 了. 那为什么 AWT组件没有消亡呢?因为 Swing 是架构在 AWT 之上的,没有 AWT 就没有Swing.所以程序员可以根据自己的习惯选择使用 AWT 或者是 Swing.但是,最好不要二者混

java之 22天 GUI 图形界面编程(一)

转自:http://takeme.iteye.com/blog/1876850 GUI(图形用户界面) Java代码 1 import java.awt.Button; 2 import java.awt.FlowLayout; 3 import java.awt.Frame; 4 import java.awt.event.WindowAdapter; 5 import java.awt.event.WindowEvent; 6 7 /** 8 * GUI(图形用户界面) 9 * Graphi