图形用户界面的设计

实验一：图形用户界面设计

实验一图形用户界面设计 一实验目的和要求 1）熟悉图形用户界面的设计原则 遵循用户友好原则、一致性原则、帮助和提示等原则设计用户界面。 2）利用一种设计工具完成图形化的用户界面设计 二实验内容与步骤 （一）实验内容 利用常用的设计工具（UI界面设计工具GUI Design Studio）完成一个通用图形用户界面设计，要遵循界面设计的一般原则（一致性、快捷方式、提供错误处理），注意颜色的使用，学会图标、按钮、屏幕布局、菜单和对话框的设计。 软件的界面如同人的脸一样,软件界面的好坏决定了用户对软件的第一印象。设计好的界面能够引导用户自己完成相应的操作，起到引导作用。设计合理的界面能给用户带来轻松愉悦的感受。一些专家指出：对于用户，人机界面就是系统本身。这充分说明了软件界面设计的重要性。请完成各自的系统用户界面的设计。 （二）实验步骤 1．设计多个对话框，完成填表输入界面的设计，合理使用图标、按钮、颜色； 2．设计不同形式的菜单，完成对不同对话框的调用； 3．提供简单的错误处理、联机帮助。 GUI Design Studio主界面

三界面示例1、登录界面 2、主界面

3、聊天界面 4、QQ空间界面

四实验总结 1．界面要具有一致性、常用操作要有快捷方式、提供简单的错误处理、对操作人员的重要操作要有信息反馈、操作可逆、设计良好的联机帮助、合理划分并高效地使用显示屏、保证信息显示方式与数据输入方式的协调一致。 2．颜色是一种有效的强化手段，同时具有美学价值。使用颜色时应注意如下几点：限制同时显示的颜色数；画面中活动对象的颜色应鲜明，而非活动对象应暗淡；尽量避免不相容的颜色放在一起，如黄与蓝，红与绿等，除非作对比时用；若用颜色表示某种信息或对象属性，要使用户理解这种表示，并尽量采用通用的表示规则。 3．图标是可视地表示实体信息的简洁、抽象的符号。图标设计是方寸艺术，需要在很小的范围内表现出图标的内涵。设计图标时应该着重考虑视觉冲击力，要使用简单的颜色，利用眼镜对色彩和网点的空间混合效果，做出精彩图标。 1）设计按钮应该具有交互性，应该有3到6种状态效果（点击时的状态、鼠标放在上面但未点击的状态、点击前鼠标未放在上面时的状态、点击后鼠标未放在上面时的状态、不能点击时的状态、独立自动变化的状态），按钮应具备简洁的图示效果，应能够让使用者产生功能上的关联反应。属于一个群组的按钮应该风格统一，功能差异大的按钮应该有所区别。 2）设计屏幕布局（Layout）时应该使各功能区重点突出，应遵循如下几条原则：平衡原则、预期原则、经济原则、顺序原则、规则化。 3）菜单在图形界面的应用程序中使用得非常普遍，是软件界面设计的一个重要组成方面，描述了一个软件的大致功能和风格。菜单中的选项在功能上与按钮相当，一般具有下列一种或几种类型的选项：命令项、菜单项和窗口项。菜单的结构一般有单一菜单、线状序列菜单、树状结构菜单、网状结构菜单等，其中树状结构菜单是最常见的结构。 设计菜单界面时应注意一般性原则：功能组织菜单，合理分类，并力求简短，前后一致；合理组织菜单界面的结构与层次；按一定的规则对菜单项进行排序；菜单选项的标题要力求文字简短、含义明确，并且最好以关键词开始；常用选项要设置快捷键；充分利用菜单选项的使能与禁止、可见与隐藏属性；使用弹出式菜单。 4）在处理大量相关数据的场合下，需要输入一系列的数据，这时填表输入界面是最理想的数据输入界面。在设计填表输入界面时应遵循的原则：一致性；有含义的表格标题；使用易于理解的指导性说明文字；栏目按逻辑分组排序；表格的组织结构和用户任务相一致；光标移动方便；出错提示；提供帮助；表格显示应美观、清楚，避免过分拥挤。

实验三图形用户界面设计(汽院含答案)

实验三图形用户界面设计 实验目的 1．掌握Java语言中GUI编程的基本方法 2．掌握Java语言中AWT组件的基本用法 3．掌握Java语言中Swing组件的基本用法 实验导读 1.通过图形用户界面(GUI：Graphics User Interface)，用户和程序之间可以方便地进行 交互。 AWT(Abstract Windowing Toolkit)，中文译为抽象窗口工具包，是Java提供的用来建立和设置Java的图形用户界面的基本工具。AWT由Java中的包提供，里面包含了许多可用来建立与平台无关的图形用户界面(GUI)的类，这些类又被称为组件(components)。 Swing是一个用于开发Java应用程序用户界面的开发工具包。它以抽象窗口工具包（AWT）为基础使跨平台应用程序可以使用任何可插拔的外观风格。Swing开发人员只用很少的代码就可以利用Swing丰富、灵活的功能和模块化组件来创建优雅的用户界面。 JDK写程序所有功能都是靠虚拟机去操作本地操作系统。比如window下，就是JDK 用windows API实现功能。而awt包中很多组件是组件自身去调用本地操作系统代码swing包中的组件采用的是调用本地虚拟机方法，由虚拟机再调用本地操作系统代码。意思就是中间多了一层，这样就加强了swing包的移植性，与本地关系不那强了。 图AWT常用组件继承关系图 Container为容器，是一个特殊的组件，该组件中可以通过add方法添加其他组件进来。 2.布局，容器中的组件的排放方式。常见的布局管理器： FlowLayout（流式布局管理器）：从左到右的顺序排列。Panel默认的布局管理器。 BorderLayout（边界布局管理器）：东，南，西，北，中。Frame默认的布局管理器。 GridLayout（网格布局管理器）：规则的矩阵

图形图像用户界面设计

实习报告 课程名称多媒体实验 实习题目图形图像用户界面设计专业通信工程 班级通信（2）班 学号 学生姓名 实习成绩 指导教师吴娱 2011年5月

图形图像用户界面设计 一、实验目的 了解句柄图形的基本概念，掌握图形用户界面的基本设计方法。 二、实验要求 上机完成实验题目，独立完成实验报告。 三、实验内容 设计简单的图像用户界面。 四、实验步骤 1、在MATLAB的命令窗口（Command Window）中运行guide命令： 打开GUIDE界面，如下： 然后，选择空模板（Blank GUI），点击OK，即可打开GUIDE的设计界面，如下：

如下： 单下添加菜单项：“打开”、“保存”、“退出”。如下：

文件，所有的程序都是要写在这个M文件里面的。 在编程中，每一个鼠标动作都对应一个Callback函数。那么菜单项也是如此。 在界面上，单击鼠标右键选择“Property Inspector”，即可打 开属性窗口。当点击不同的控件时，其对应的属性都会在这里显示， 根据需要可以进行修改。最主要的属性莫过于Tag属性和String属 性。 设置当前的Figure窗口的Tag属性为：figure_pjimage，窗口的标

题（Name属性）为：图像处理实例。如下： 然后，点击工具栏的保存按钮。之后，点击工具栏的运行按钮（Run）。程序运行时的样子，是这样的： 文件下面的菜单项和快捷键我们都能看见，但是我们没有写程序，所以就算点也没有什么响应。还有如果不想设置快捷键，可以在Menu Editor中设置，只要把其选择为Ctrl+none就行了。这样的话，

用户界面设计与答案

1.用户满意度=功能+___人机界面_____+响应时间+可靠性+易安装性+____信息____+可维护性+其他因素 2. ____人机交互（人机对话）____是指人与计算机之间使用某种语言、以一定的交互方式，为了完成任务进行的一系列信息交换过程。 3.软件界面设计分为____功能性设计界面____、____情感性设计界面____、____环境性设计界面____。 4.进行系统分析和设计的第一步是___用户分析_____。 5.使用较早，也是使用最广泛的人机交互方式是____交互方式____。 6.软件界面开发流程包括____系统分析____、____系统设计____、____系统实施____三个阶段 7.设计阶段包括界面的____概念设计____、____详细设计____、____原型建立____与界面实现以及综合测试与评估等8.VB 是以结构化___Basic_____语言为基础、以____事件驱动作____为运行机制的可视化程序设计语言。 9.菜单使用形式主要有____菜单操作____和____Tba控件操作____两种。 10.随着计算机图形技术的发展，以直接操纵、桌面隐喻以及所见即所得为特征的____图形用户界面____技术广泛被计算机系统采用。 11.在用VB 开发应用程序时，一般要布置窗体、设置控件的属性、___编写代码___。 12. 假定在窗体上有一个通用对话框，其名称为CommonDialog1,为建立一个保存文件对话框，则需要把Action 属性设置为__value__。 13. 计时器事件之间的间隔通过__interval__属性设置。 14. 语句“Print “5+65=”;5+65”的输出结果为__5+65=70__。 15. 设有下列循环体，要进行4次循环操作，请填空。 x = 1 Do x = x * 2 Print x Loop Until__x<=32__ 16. 下列程序段的执行结果为__2 3 5__。 x = 1 y = 1 For I = 1 To 3 F= x + y x = y y = F Print F; Next I 17. 以下为3个列表框联动的程序，试补充完整。 Private Sub Dir1_Change() File1.Path=Dir1.Path End Sub Private Sub Drive1_Change() Drivel.Path=File1.Path;Dir1.Path=Drivel.Path__[7]__ End Sub 18. 在下列事件过程中则响应该过程的对象名是cmdl，事件过程名是__窗口标题事件__。 Private Sub cmd1_Click() Form1.Caption=“VisualBasic Example” End Sub 19. 当将文本框的SelStar 属性设置为0时，表示选择第开始位置在第一个字符之前，设置为1时表示__[9]__。 20. 以下程序代码实现单击命令按钮Command1 时形成并输出一个主对角线上元素值为“-”，其他元素值为“+”第6*6 阶方阵。 Privas Sub Command1_Click() DimA(6,6) For I = 1 To 6 For J = 1 To 6 If I = J Then Print “-” Else __[10]__ End If Print A (I,J); Next J Print Next I End Sub 21. 字母B的KeyAscii 码值为65，其KeyCode码值___[11]__。 22. Visual Basic 中的控件分为3类：__[12]_、ActioveX 控件和可插入对象。

图形用户界面设计

09次上机图形用户界面设计 1、（1）给程序添加注释，并执行。 建立数制转换对话框。 在左边输入一个十进制整数和2～16之间的数，单击“转换”按钮能在右边得到十进制数所对应的2～16进制字符串，单击“退出”按钮退出对话框。 hf=figure('Color',[0,1,1],'Position',[100,200,400,200],... 'Name','数制转换','NumberTitle','off','MenuBar','none'); uicontrol(hf,'Style','Text', 'Units','normalized',... 'Position',[0.05,0.8,0.45,0.1],'Horizontal','center',... 'String','输入框','Back',[0,1,1]); uicontrol(hf,'Style','Text','Position',[0.5,0.8,0.45,0.1],... 'Units','normalized','Horizontal','center',... 'String','输出框','Back',[0,1,1]); uicontrol(hf,'Style','Frame','Position',[0.04,0.33,0.45,0.45],... 'Units','normalized','Back',[1,1,0]); uicontrol(hf,'Style','Text','Position',[0.05,0.6,0.25,0.1],... 'Units','normalized','Horizontal','center',... 'String','十进制数','Back',[1,1,0]); uicontrol(hf,'Style','Text','Position',[0.05,0.4,0.25,0.1],... 'Units','normalized','Horizontal','center',... 'String','2～16进制','Back',[1,1,0]); he1=uicontrol(hf,'Style','Edit','Position',[0.25,0.6,0.2,0.1],... 'Units','normalized','Back',[0,1,0]); he2=uicontrol(hf,'Style','Edit','Position',[0.25,0.4,0.2,0.1],... 'Units','normalized','Back',[0,1,0]); uicontrol(hf,'Style','Frame','Position',[0.52,0.33,0.45,0.45],... 'Units','normalized','Back',[1,1,0]); ht=uicontrol(hf,'Style','Text','Position',[0.6,0.5,0.3,0.1],... 'Units','normalized','Horizontal','center','Back',[0,1,0]); COMM=['n=str2num(get(he1,''String''));',... 'b=str2num(get(he2,''String''));',... 'dec=trdec(n,b);','set(ht,''string'',dec);']; uicontrol(hf,'Style','Push','Position',[0.18,0.1,0.2,0.12],... 'String','转换','Units','normalized','Call',COMM); uicontrol(hf,'Style','Push','Position',[0.65,0.1,0.2,0.12],... 'String','退出','Units','normalized','Call','close(hf)'); 2、做一个带按钮的界面，当按动按钮时，在计算机声卡中播放一段音乐。（提示，找一个.wav 文件，简单起见可以在windows目录下找一个文件，将其放在当前工作目录下或搜索路径上，当按动“开始”按钮时调入该文件并播放，发声功能由sound函数完成，具体用法请查阅帮助信息）

java图形用户界面设计

实验名称：图形用户界面设计 一、实验目的 1．掌握常用图形界面组件（按钮、文本框等）对象的创建及其常用方法的使用。如，按钮的常用方法是getLabel()，文本框的常用方法有setText(),getText()等。 2．掌握常用的布局管理类CardLayou,BorderLayout,FlowLayout,GridLayout的使用策略。能够将它们联合起来使用。 3．掌握java语言的事件处理。每个事件对应的接口（或适配器类）是什么，每个接口有哪些方法，如何进行委托处理，被委托者必须做什么。 二、实验环境(软件、硬件环境) PC机JDK包 三、实验原理 通过图形用户界面（GUI），用户和程序之间可以方便地进行交互。javax.swing包中的组件类可以帮助我们完整界面的设计。javax.swing包的JComponent类是java.awt包中的Container 类的一个直接子类、Component类的间接子类。javax.swing包中的JFrame类和JDialog类分别是java.awt包中Frame类和Dialog类的直接子类、Window类的间接子类。在学习GUI 编程时，必须很好地理解并掌握两个概念：容器类和组件类，必须很好地掌握java的事件处理机制。 四、实验容及步骤 实验容：密码验证问题。 编写一个Java程序，实现用户根据自己的密码进入界面，如果用户输入信息正确，则输出“欢迎XXX用户”，否则用户还可以尝试两次，如果尝试阶段输入信息错误，则输出“请

输入正确的信息”，如果尝试失败，用户则退出。 调试并编译程序PasswordVerification.java，运行该程序，运行结果如图8-1、图8-2、图8-3和图8-4所示，请将程序中的代码1~代码7补充完整。 图8-1 运行结果，输入正确信息图8-2 显示欢迎信息 图8-3 运行结果，输入错误信息图8-4 显示重新输入信息 程序清单： //PasswordVerification.java import javax.swing.*; import java.awt.event.*; import java.awt.*; public class PasswordV erification extends JFrame { JLabel userLabel; JLabel passwordLabel; JTextField userText; JPasswordField passwordText; int count=1;//统计输入信息的次数 public PasswordVerification() { super("请输入信息"); Container c =代码1;//得到容器对象container c.setLayout(new FlowLayout());//设置默认布局 userLabel=代码2//创建用户标签 passwordLabel=代码3;//创建密码标签 userText=代码4//创建用户文本输入框 passwordText=代码5//创建密码输入文本框 passwordText. 代码6(

图形用户界面的设计课案

人机交互基础教程 实验报告 实验题目：图形用户界面的设计 专业计算机科学与技术 学生姓名 班级学号 教师 指导单位计算机软件学院 日期

教师 评语教师签名： 年月日 成绩评定 备注

一、实验目的 (1)熟悉图形用户界面的设计原则 (2)利用一种设计工具完成图形化的用户界面设计 二、预备知识 图形用户界面又称为WIMP界面，由窗口(windows)、图标(icons)、菜单(menu)、指点设备(pointing device)四位一体，形成桌面(desktop) ，如图所示。 WIMP界面 用 户 手 眼 击键/指点 窗口、图标 菜单、文本 应用例程 图形用户界面是当前用户界面的主流，广泛应用于各档台式微机和图形工作站。图形用户界面的共同特点是以窗口管理系统为核心，使用键盘和鼠标器作为输入设备。窗口管理系统除了基于可重叠多窗口管理技术外，广泛采用的另一核心技术是事件驱动(event-driven)技术。 WIMP界面可看作是第二代人机界面，是基于图形方式的人机界面。在WIMP界面中，人被称为用户，人机通过对话进行工作。用户只能使用手这一种交互通道输入信息，通过视觉通道获取信息。在WIMP界面中，界面的输出可以为静态或动态的二维图形或图像等信息。

这种方式能同时输出不同种类的信息，用户也可以在几个工作环境中切换而不丢失几个工作之间的联系，通过菜单可以执行控制型和对话型任务。由于引入了图标、按钮和滚动条技术，大大减少键盘输入，提高了交互效率。基于鼠标和图形用户界面的交互技术极大地推动了计算机技术的普及。 (1)图形用户界面的三个重要思想 1）桌面隐喻(desktop metaphor) 指在用户界面中用人们熟悉的桌面上的图例清楚地表示计算机可以处理的能力。隐喻的表现方法:静态图标、动画、视频2）所见即所得(What You See Is What You Get，WYSIWYG) 显示的用户交互行为与应用程序最终产生的结果是一致的。 3）直接操纵(direct manipulation) 直接操纵是指可以把操作的对象、属性、关系显式地表示出来，用光笔、鼠标、触摸屏或数据手套等指点设备直接从屏幕上获取形象化命令与数据的过程。直接操纵的对象是命令、数据或是对数据的某种操作。 (2)设计图形用户界面的原则 1) 一般性原则：界面要具有一致性、常用操作要有快捷方式、提供简单的错误处理、对操作人员的重要操作要有信息反馈、操作可逆、设计良好的联机帮助、合理划分并高效地使用显示屏、保证信息显示方式与数据输入方式的协调一致 2) 颜色的使用：颜色是一种有效的强化手段，同时具有美学价

java面向对象程序设计实验 5建立图形用户界面

实验 5 建立图形用户界面 一、实验目的 了解图形用户界面基本组件窗口、按钮、文本框、选择框、滚动条等的使用方法，了解如何使用布局管理器对组件进行管理，以及如何使用Java 的事件处理机制。 二、实验要求 1. 掌握在Applet 容器中添加组件的方法，掌握使用布局管理器对组件进行管理的方法。 2. 理解Java 的事件处理机制，掌握为不同组件编写事件处理程序的方法。 3. 掌握编写独立运行的窗口界面的方法。 4. 了解Java Swing 组件的使用方法。 5. 了解对话框的使用方法。 三、实验内容 前面的在于体会，重点完成（六）的编程题。 （一）创建图形用户界面 图形用户界面（Graphic User Interface ，简称GUI）是为方便用户使用设计的窗口界面，在图形用户界面中用户可以看到什么就操作什么，取代了在字符方式下知道是什么后才能操作什么的方式。组件（Component）是构成GUI 的基本要素，通过对不同事件的响应来完成和用户的交互或组件之间的交互。组件一般作为一个对象放置在容器（Container）内，容器是能容纳和排列组件的对象，如Applet、Panel（面板）、Frame（窗口）等。通过容器的add 方法把组件加入到容器中。 1.在Applet 中添加标签、按钮并使用网格布局 ?程序功能：在Applet 容器中添加组件标签、按钮，并使用网格布局管理器排列组件在容器中的位置。 ?编写KY7_1.java 程序文件，源代码如下。 import java.awt.*; import java.applet.Applet; public class KY6_1 extends Applet { Label l1; Button b1, b2, b3, b4, b5, b6; public void init() { setLayout(new GridLayout(3,3)); // 设置网格布局（3 行3 列共9 个网格）

第9次实验教案_图形用户界面程序设计

实验9 图形用户界面程序设计 实验目的： 1、通过编写程序掌握按钮、标签、文本框、菜单的使用方法 2、掌握ActionEvent、ItemEvent事件类接口监听器的产生，添加方法 3、掌握复选框、的创建与常用的使用方法 4、掌握以上各控件的事件响应过程及相应的处理方法 实验内容：（使用Jbuilder2005编写Application） 一、新建主类及主窗体 1.新建工程：【file】-【new project】，输入工程名Tes9； 2.新建Application：【file】-【new General】-Application，输入工程名主类名（class name 如图琐事），点击【next】，输入主窗体名：TestFrame，和标题栏文字“实验9主窗体”；

3.在打开的主窗体中点击【UI】视图，添加一个Swing控件：“File JMenuBar”如图所 示； 4.点击主窗体中【Menu】视图，添加菜单后，运行界面如下图所示：

二、新建“设置标签颜色”窗体 1.新建窗体：【new】-【Greneral-Frame】，在代码视图中，找到jbInit()方法设置窗体大 小及标题，语句如下：this.setSize(360,140); this.setTitle("设置标签颜色"); 2.在窗体中加入两个按钮名分别为“红色”，“蓝色”，还有一标签，其中显示的内容为 “hello,world”,要求按“红色”按钮时标签中的文字变为红色，按“蓝色”按钮时标签中文字显示蓝色，程序界面如下图所示： 提示： 使用jLabel1.setForeground(Color.RED);来改变标签的字体颜色。 3.在主窗体中的代码视图中定义成员变量Frame1 f； 4.然后进入主窗体的设计视图，对主菜单编程，双击鼠标（如图所示），

实验九Java图形用户界面设计1

实验九Java图形用户界面设计（1） 一实验目的 （1）掌握Frame与面板的使用 （2）布局管理器的使用 （3）布局管理器的使用 （4）边界风格的使用 （5）掌握简单Java事件的处理 二实验内容 1、创建并显示一个标题为“My Frame”，背景色为白色，大小为1000×1000的框架。在该框架中放置八个按钮，按钮的标题分别为“按钮1”、……“按钮8”。采用FlowLayout布局管理器。 程序： import java.awt.*; import javax.swing.*; public class Con1{ private JFrame f; private JButton b1,b2,b3,b4,b5,b6,b7,b8; public static void main(String args[]){ Con1 c=new Con1(); c.go(); } public void go(){

f=new JFrame("My Frame"); Container con=f.getContentPane(); con.setLayout(new FlowLayout()); con.setBackground(Color.white); con.setLayout(new FlowLayout(FlowLayout.RIGHT,920,50)); b1=new JButton("按键1"); b2=new JButton("按键2"); b3=new JButton("按键3"); b4=new JButton("按键4"); b5=new JButton("按键5"); b6=new JButton("按键6"); b7=new JButton("按键7"); b8=new JButton("按键8"); con.add(b1); c on.add(b2); c on.add(b3); c on.add(b4); con.add(b5); c on.add(b6); c on.add(b7); c on.add(b8); f.setSize(1000,1000); f.setVisible(true); } } 结果：

实验6 图形用户界面设计

实验6. 图形用户界面设计 一、 实验目的 1. 掌握图形对象属性的基本操作； 2. 掌握菜单及对话框设计、建立控件对象的方法。 二、 实验环境 1. 计算机 2. matlab7.1 三、 实验说明 1. 正确操作，认真观察； 2. 实验学时：2学时； 3. 学会使用help ； 4. 保存整理实验结果，提交实验报告。 四、 实验内容 1.设计如教材P374 图1所示的菜单，并在此基础上增加选项：可以改变曲线的颜色，可以改变窗口背景颜色。 2.（选做）采用图形用户界面，从键盘输入参数a 、b 、n 的值，考察参数对极坐标曲线)cos(θρn b a +=的影响。 五、 实验程序及结果 1. screen=get(0,'ScreenSize'); W=screen(3);H=screen(4); figure('Color','w','Position',[0.2*H,0.2*H,0.5*W,0.3*H],... 'Name','菜单设计实验','NumberTitle','off','MenuBar','none'); hplot=uimenu(gcf,'Label','&Plot'); %定义plot 菜单项 uimenu(hplot,'Label','Sine Wave','Call',... ['t=-pi:pi/20:pi;','h0=plot(t,sin(t));',...

'set(hlr,''Enable'',''on'');',... 'set(hlg,''Enable'',''on'');',... 'set(hlb,''Enable'',''on'');']); uimenu(hplot,'Label','Cosine Wave','Call',... ['t=-pi:pi/20:pi;','h0=plot(t,cos(t));',... 'set(hlr,''Enable'',''on'');',... 'set(hlg,''Enable'',''on'');',... 'set(hlb,''Enable'',''on'');']); uimenu(hplot,'Label','&Exit','Call','close(gcf)'); hc=uimenu(gcf,'Label','&Color'); %定义Color菜单项 hw=uimenu(hc,'Label','&Window Color'); uimenu(hw,'Label','&Red','Call','set(gcf,''Color'',''r'');'); uimenu(hw,'Label','&Green','Call','set(gcf,''Color'',''g'');'); uimenu(hw,'Label','&Blue','Call','set(gcf,''Color'',''b'');'); hl=uimenu(hc,'Label','&Line Color','Separator','on'); hlr=uimenu(hl,'Label','&Red','Call',... 'set(h0,''Color'',''r'');','Enable','off'); hlg=uimenu(hl,'Label','&Green','Call',... 'set(h0,''Color'',''g'');','Enable','off'); hlb=uimenu(hl,'Label','&Blue','Call',... 'set(h0,''Color'',''b'');','Enable','off'); 2. hf=figure('menubar','none','name','图形演示',... 'numbertitle','off'); %定义图形窗口 set(gcf,'unit','normalized','posi',[0.2,0.3,0.55,0.36]); axes('posi',[0.05,0.15,0.55,0.7]); %定义坐标轴 uicontrol(gcf,'style','text','unit','normalized',... %定义静态文本'posi',[0.63,0.85,0.1,0.1],'string','参数 a',... 'horizontal','center'); uicontrol(gcf,'style','text','unit','normalized',...

实验二基于图形用户界面程序设计

实验二基于图形用户界面程序设计（上）实验目的 1．了解图形用户界面程序设计方法。 2．掌握继承的概念和继承的使用。 3．掌握访问权限的种类以及使用方法。 4．学会使用控件。 实验指导 任务一： 内容： 表 表 并定义该类的构造函数，写一段代码来测试你所写的类。 提交： 代码： ; { ; ; ; ;

{ ("我的无参数构造函数"); } () { ""; (); } () { ; (); } () { ; (); } () { "男"; (); } ( []) { (); (); (); (); (); } } 运行结果： :\\> 我的无参数构造函数 男 存在的问题和解决办法：

任务二： 内容： 表 并定义该类的构造函数，写一段代码来测试你所写的类。提交： 代码： ; { ; ; ; ; () { ("我的无参数构造函数"); } () { ""; (); } () { ; (); } () { ; ();

() { "男"; (); } ( []) { (); (); (); (); (); (); } } { ; () { ("我(子类)的无参数构造函数"); } () { ""; (); } } 运行结果： :\\> 我的无参数构造函数 我(子类)的无参数构造函数 男 存在的问题和解决办法：

任务三： 编写以下代码观察其运行结果，并解释每行代码： 提交： 包含解释的代码： 运行结果：

存在的问题和解决办法： 任务四： 用生成一个图像界面，在上添加两个组件，观察运行结果。提交： 代码： .*; { ; ; () { (""); (""); (""); ()(); ()(); (); (); } ( []) { (); } }

图形用户界面综合设计

. 图形用户界面综合设计(一) 实验内容 多数学校的学生档案信息都由计算机进行管理，在编写的档案管理应用程序中，有档案信息录入模块，该模块的功能是在图形化的界面下，用户把信息输入到计算机中。录入界面的大致样式及组件名称如图。 代码： import java.awt.*; import java.awt.event.*; public class InputData implements ActionListener{ Frame f; //声明框架对象 Label l1, l2, l3, l4; //声明标签对象 TextField t; //声明文本行对象 Checkbox r1,r2; //声明单选钮对象 CheckboxGroup g; //声明组对象 Checkbox c1,c2, c3; Choice ch; //声明选择框对象 Button b; //声明按钮对象 TextArea ta; //声明文本区对象 Panel p1, p2, p3, p4, p5; //声明面板对象 int i = 0; //对象实例化 public InputData(){ f = new Frame("信息录入");

. f.setBounds(200,220,500,500); ch = new Choice(); l1 = new Label("姓名："); l2 = new Label("性别："); l3 = new Label("爱好："); l4 = new Label("籍贯："); t = new TextField(); t.setSize(200,10); g = new CheckboxGroup(); r1 = new Checkbox("男",g,false); r2 = new Checkbox("女",g,true); c1 = new Checkbox("体育"); c2 = new Checkbox("音乐"); c3 = new Checkbox("美术"); b = new Button("确定"); b.addActionListener(this); ta = new TextArea(); p2 = new Panel(); p3 = new Panel(); p4 = new Panel(); p5 = new Panel(); ch.add("济南"); ch.add("潍坊"); ch.add("济宁"); Panel p = new Panel(); p.setLayout(new GridLayout(5,1)); p1 = new Panel(); p1.setLayout(new FlowLayout(FlowLayout.LEFT)); //设定面板布局样式 p2.setLayout(new FlowLayout(FlowLayout.LEFT)); p3.setLayout(new FlowLayout(FlowLayout.LEFT)); p4.setLayout(new FlowLayout(FlowLayout.LEFT)); p.add(p1); p.add(p2); p.add(p3); p.add(p4); p.add(p5); p1.add(l1); p1.add(t); p2.add(l2); p2.add(r1); p2.add(r2); p3.add(l3); p3.add(c1); p3.add(c2);

8.1 Swing图形用户界面程序设计

第8章Swing图形用户界面程序设计 8.0：GUI概述 Java语言提供两种图形用户界面，即AWT（早期版本）和Swing（增强了功能、减少了平台相关性）。 一方面：Swing图形用户界面比AWT图形用户界面可以克服更多的操作系统不同所带来的图形界面或交互方式上的差别； 另一方面：Swing图形用户界面还增加了功能，可以定制指定的操作系统风格的图形用户界面。 8.1：组件和容器 组件和容器是Swing图形用户界面的组成部分。在Swing图形用户界面程序设计中，要求按照一定的布局方式将组件和容器的组合添加到给定的容器中。这样，通过组件和容器的组合就形成图形用户界面。然后通过事件处理的方式实现在图形界面上的人机交互。 8.1.1 整体介绍 容器本身也是组件。 按组件和容器的用途来分：顶层容器、一般容器、专用容器、基本控件、不可编辑信息组件和可编辑组件。 1：顶层容器主要有三种：小应用程序（Applet和JApplet）、对话框（Dialog 和JDialog）和框架（Frame和JFrame）。 这三种容器在AWT图形用户界面中对应的类分别是java.applet.Applet、java.awt.Dialog和java.awt.Frame；在Swing图形用户界面中对应的类分别是javax.swing.JApplet、javax.swing.JDialog和javax.swing.JFrame，这些名称均以“J”开头。 小应用程序主要用来设计嵌入在网页中运行的程序；对话框通常用来设计具有依赖关系的窗口；框架主要用来设计应用程序的图形界面。 2：一般容器包括面板（Jpanel）、滚动窗格（JScrollPane）、分裂窗格（JSplitPane）、选项卡窗格（JTabbedPane）和工具条（JtoolBar）。 面板通常是只有背景色的普通容器；滚动窗格具有滚动条；分裂窗格是用来装两个组件的容器；选项卡窗格允许多个组件共享相同的界面空间；工具条通常将多个组件（通常是带图标的按钮组件）排成一列或一排。 3：专用容器包括内部框架（JInternalFrame）、分层窗格（JLayeredPane）和根窗格（JRootPane）。 内部框架可以在一个窗口内显示若干个类似于框架的窗口；分层窗格给窗格增加了深度的概念，当两个或多个窗格重叠在一起时，可以根据窗格的深度来决定显示哪一个窗格的内容，一般显示深度值较大的窗格。根窗格一般是自动创建的容器，创建内部框架或者任意一种顶层容器都会自动创建根窗格。 根窗格由玻璃窗格、分层窗格、内容窗格和菜单窗格构成。玻璃窗格是不可见的，只是用来解释各种输入事件；分层窗格为内容窗格和菜单窗格服务，主要

面向对象程序设计实验报告 java实验报告 图形用户界面

图形用户界面设计 实验1 Nested Panels The program Nested Panels.java is from Listing 3.8 of the text. Save the program to your directory and do the following: https://www.wendangku.net/doc/f54113197.html,pile and run the program. Experiment with resizing the frame and observe the effect on the components. 运行程序后出现如下界面： 改变窗口的大小，观察到：（见下图） （1）两个子面板one和two的尺寸都保持不变。 （2）蓝色的主面板随着窗口的变大而扩展。 （3）蓝色面板变长，one和two子面板都不变，当蓝色面板变宽时，两个子面板随着它移动，并保持居中状态。 （4）缩小窗口，根据流式布局的形式，two子面板因为位置容不下，自动被放在下一行的位置。

2. Modify the program by adding a third subpanel that is twice as wide, but

the same height, as the other two subpanels. Choose your own label and color for the subpanel (the color should not be red, green, or blue). Add the panel to the primary panel after the other two panels. 修改的代码如下： JPanel subPanel3 = new JPanel() ; subPanel3.setPreferredSize (new Dimension(300, 100)); ubPanel3.setBackground (Color.red); JLabel label3 = new JLabel ("Three"); subPanel3.add (label3); primary.add (subPanel3); 3. Compile and run the modified program. Again, experiment with resizing the frame and observe the effect on the components. 改变窗口的大小，3个子面板变化情况跟第一步实验的类似。

图形用户界面设计表格组件示例

程序运行结果截图： 程序清单如下： import javax.swing.*; import java.awt.*; import java.awt.event.*; public class Example10_16 { public static void main(String arts []) { Win win = new Win(); } } class Win extends JFrame implements ActionListener { JTable table; Object a[][]; Object name[] = {"商品名称","单价","销售量","销售额"}; JButton computerRows,computerColums; JTextField inputRowsNumber; int initRows = 1; JPanel pSouth,pNorth; int count = 0,rowsNumber = 0; Win() { computerRows = new JButton("每件商品销售额"); computerColums = new JButton("总销售额"); inputRowsNumber = new JTextField(10); computerRows.addActionListener(this); computerColums.addActionListener(this); inputRowsNumber.addActionListener(this); pSouth = new JPanel();