第12章 图形界面设计

合集下载

《用户图形界面设计》课件

《用户图形界面设计》课件

Microsoft Fluent Design System: 微软推出的跨平台设计系统,旨在提 供一致的、有深度的用户体验。
Apple Human Interface Guidelines: 针对iOS应用的界面设计 规范,强调简洁、直观和一致性。
设计流程与方法论
设计思维
一种以人为本的设计方法 论,强调理解用户需求和 痛点,通过迭代和测试不 断完善设计。
无界面交互的未来展望
语音交互
随着语音识别技术的发展,语音 交互将成为越来越重要的交互方 式,用户可以通过语音指令进行
操作。
手势识别
手势识别技术将通过识别用户的手 势来理解用户的意图,实现更加自 然的交互方式。
脑机接口
脑机接口技术将直接读取大脑信号 ,实现用户与机器的直接沟通,为 无界面交互带来革命性的突破。
最佳实践
在实际应用中,可以采用原型设计、 用户测试、迭代设计等方法,不断优 化和完善用户图形界面设计,提高其 可用性和用户体验。
02 界面布局与设计
界面布局类型
01
02
03
04
固定布局
界面元素的位置是固定的,不 可调整。
灵活布局
界面元素的位置可以调整,以 适应不同屏幕尺寸和分辨率。
自适应布局
根据屏幕尺寸和分辨率自动调 整界面元素的大小和位置。
色彩与字体选择
色彩搭配
选择适当的色彩搭配,以突出 重点内容,提高可读性。
字体选择
选择易于阅读的字体,以提高 用户体验。
对比度
保持适当的对比度,以确保内 容清晰可见。
可读性
确保文字的可读性,避免用户 在阅读时产生疲劳感。
动画与过渡效果
动画效果
适当的动画效果可以提高用户体验,但应避 免过度使用。

《图形界面设计教学资料》第十四章 图文编排2

《图形界面设计教学资料》第十四章 图文编排2
曲线视觉流程的形式可概括为两种形 式:
弧线形(c形)视觉流程 :有扩张感和方向感。
回旋形(s形)视觉流程 :两个相反的弧线产生矛盾
回旋,在平面中增加深度和动感。
2020/4/6
中国职业教育联盟课程体系
23
图文编排的视觉流程
2、导向视觉流程
设计者通过诱导元素,使读者的视线 按一定的方向顺序运动,由大到 小、由主到次,把版面各构成要 素依序串联起来,组成一个整体, 使重点突出,形成最具活力、最 有动感的流畅视觉因素。
2020/4/6
中国职业教育联盟课程体系
9
版式构成的设计类型
左右分割型 整个版面分割为左右两部分,
分别配置文字和图片
2020/4/6
中国职业教育联盟课程体系
10
版式构成的设计类型
中轴型 将图形作水平方向或垂直方
向排列,文字配置在上 下或左右
2020/4/6
中国职业教育联盟课程体系
11
版式构成的设计类型
34
中国职业教育联盟课程体系 成就百万精英
IT之行,始于足下 感谢观映
2020/4/6
中国职业教育联盟课程体系
35
2020/4/6
中国职业教育联盟课程体系
21
图文编排的视觉流程
C、斜线视觉流程
斜向线的版面设计流 程以不稳定的动 态引起注意,不仅 能有效地烘托主 题诉求点,且视觉 流向独特,往往更 能吸引人的视线。
2020/4/6
中国职业教育联盟课程体系
22
图文编排的视觉流程
D、曲线视觉流程
曲线视觉流程是由视觉要素随弧线或 回旋线运动而形成的。它更具流 畅的美感。版面的曲线视觉导向 寓意深刻、构成丰富,能使形式 与内容达到完美的结合。

Python编程基础(共15章)-第12章-图形用户界面编程

Python编程基础(共15章)-第12章-图形用户界面编程

12.2tkinker概述
•如上节所述,tkinter是Tk图形库在Python下的封装,它对应Python的一个包。
•这个包在Python的Windows二进制发布版中是默认安装的,在Ubuntu下可以用 “sudo apt-get install python3-tk”等方式手动安装,其它系统,请查阅相关资料 进行安装。
•这一循环直到发生了程序退出事件(用户关闭主窗口)才终止运行。
12.1.2 图形用户界面程序的运行与开发
•GUI 程序的开发一般包括两大类工作,即界面外观设计和业务逻辑程序设计 。界面外观设计主要包括各种控件的设计以及窗口的整体布局规划;业务逻辑 程序设计是GUI程序开发的核心任务,包括应用问题的建模,管理应用问题的 数据和行为,同时还要负责用户交互的事件处理程序。这些工作涉及很多与操 作系统相关的底层细节,如果完全从零开始写代码,将涉及到很多复杂琐碎而 又与实际业务逻辑无关的工作。
12.1.2 图形用户界面程序的运行与开发
•命令行界面程序一般采用过程驱动的程序设计方法。程序从启动开始按顺序 运行,在需要的地方提示用户输入,并将相关计算结果输出,直到执行完所 有指令结束退出。在这个过程中,用户的所有输入行为都完全由程序控制, 如果没有程序的输入请求,除非强行终止,否则用户不能对程序的运行做任 何额外的干涉。
第12章 图形用户界面编程
12.1 面向对象编程概述
12.1.1 从命令行界面到图形用户界面 12.1.2 图形用户界面程序的运行与开发 12.1.3 Python中的图形界面编程
12.1.1 从命令行界面到图形用户界面
•与命令行界面完全采用文本进行信息交互的方式不同,图形用户界面通过按 钮及文本框等图形化元素实现程序与用户的信息交互。在图形用户界面中, 用户通过鼠标点击或拖拉菜单、按钮、窗口等图形元素向程序发出命令,同 时,程序通过文本消息框等图形元素向用户显示信息。

第12章图形界面设计(第4版)

第12章图形界面设计(第4版)


13
Company Logo Company Logo
12.3.2命令按钮、复选框和单选 按钮
JButton ( javax.swing ) 用户用鼠标单击它来控制程序运行的流程。 JButton创建后通过容器的add()将其放入容器 。 构造方法及常用方法见教材表12.16、12.17 见教材例12.5、12.4
见教材例12.9
19 Company Logo Company Logo
12.4.2 边界式布局管理器 BorderLayout
南(South)、北(North)、中(Center)五个区域。
将显示区域按地理方位分为东(East)、西(West)、
将组件加入容器中,若没有指定区域,则默认为

14
Company Logo Company Logo
12.3.2命令按钮、复选框和单选 按钮
JCheckBox和JRadioButton ( javax.swing ) JCheckBox可以单独使用,而单选按钮必须配合 javax.swing包中的ButtonGroup类将其组成单 选按钮组来使用 构造方法及常用方法见教材表12.18 见教材例12.6
中间;若将组件加入到已被占用的位置,将会取
代原先的组件。 构造方法及常用方法见教材表12.30-12.32
见教材例12.10
20 Company Logo Company Logo
利用add()添加组件时必须指出组件的摆放位置。
用网格分割,把组 提供的页面布局规则是将容器的空间划分成若干行与列 件放入网格中,先 的网格形式,在容器上添加组件时,它们会按从左到右 行后列摆放组件 、从上到下的顺序在网格中均匀排列。 网格的行数和列数可以在创建GridLayout对象的构造方 法里指定。若控件数正好是行×列,则按行、列数放置 ;若控件数超过了行×列,则先满足行。 利用GridLayout布局策略时,容器中各组件的宽度相同 ,所有组件的高度也相同,当容器尺寸发生变化时,各 组件的相对位置不变。 构造方法及常用方法见教材表12.33、12.34 见教材例12.11

Python的图形界面设计课件浙教版初中信息技术八年级上册精选全文

Python的图形界面设计课件浙教版初中信息技术八年级上册精选全文

高度
(0,0)
(20,10)
(120,10)
x
20
80 (30,60) (100,60) (170,60)
2050Βιβλιοθήκη 输入标签: 输入文本框: 判断按钮: 重置按钮 :
退出按钮 :
y
任务二:设计组件并布局
输入组件 按钮组件——退出按钮 按钮组件——判断按钮 按钮组件——重置按钮
本课总结
设计基本框架 设计标签、输入框、按钮 设计组件布局
导入tkinter模块 生成一个主窗体对象取为win
实现循环和实时刷新
更改窗体标题 更改窗体大小
中间是x,不是* 是像素之间的相乘
任务一:创建窗体基本框架
任务要求: 窗体标题:判断闰年 窗体大小:250x130
设计标签、输入框、按钮
设置标签显示内容“输入年份” 把标签放置到名为“win”的主窗口上
设计的组件出现了吗?
组件设置失败? 组件需要布局!
tkinter组件的布局方法
方法 pack( ) grid( ) place( )
功能 既可实现水平排列,也可实现垂直排列 按照行、列的方式排放组件 指定组件的绝对位置
组件名称.place(x= ,y= ,width= ,height= )
宽度
拓展提升
属性 font fg(foreground) bg(background)
说明
设置文本的字体和大小
字体的颜色
fg=‘white’
背景色
bg=‘green’
Python的图形界面设计
命令行界面
图形用户界面 (简称GUI)
图形用户界面 (简称GUI)
用图形方式显示的计算 机操作用户界面 直观简便

Java图形用户界面设计

Java图形用户界面设计

13
(3) 事件监听器(Listener) 事件处理机制中的核心部分,主要的功能大致可以分为 两部分:第一,监听组件,观察组件有没有发生某类事 件;第二,如果监听的组件发生了某类事件,则调用对 应的动作处理方法立刻处理这个事件。 在Java事件处理机制中,监听器处于主体地位。与事件 分类对应,监听器也相应的分成若干种类型,例如,鼠 标事件对应鼠标监听器,键盘事件对应键盘监听器,窗 口事件对应窗口监听器等。
25
5.3.2 AWT组件库常用组件举例 【问题1】 在窗口f中,有一个文本框tf,三个按钮btn_1、 btn_2、btn_3。当使用鼠标点击btn_1时,文本框显示 btn_1按钮被点击,当使用鼠标点击btn_2按钮时,文本框 显示btn_2按钮被点击,当使用鼠标点击btn_3按钮或者窗 口f的关闭按钮时,窗口关闭,程序退出。
(4) Choice Choice表示下拉选择框组件,选择框中的每一个选项称 为一个Item,Item的类型一般为String字符串。 (5) Label Label表示标签组件,主要作用在于创建提示性的文本。
23
(6) MenuBar、Menu和MenuItem MenuBar表示菜单条组件,该组件由Menu菜单构成,而 Menu菜单又可由Menu菜单和MenuItem菜单项构成。 (7) TextField TextField表示文本框组件,与文本域组件不同的是, 文本框中只能有一行文本。 (8) TextArea TextArea表示文本域组件,可以容纳多行文本。
30
(3) JRadioButton和ButtonGroup 在Swing中与Checkbox对应的是JCheckBox,实际使用时, 如果需要创建单选框组的话,经常使用的是 JRadioButton而非JCheckBox。如果将多个JRadioButton 组件放在一个ButtonGroup中时,这些JRadioButton组件 将不再具有复选功能,而是只具有单选功能,也即变成 单选框。 (4) JComboBox JcomboBox对应于AWT中的Choice,表示下拉选择框组件, 选择框中的每一个选项称为一个Item,Item的类型一般 为String字符串,也可以是指定的泛型类型。

图形用户界面设计PPT课件

图形用户界面设计PPT课件

2020年12月1日星期二
NCEPU
框架
❖ 框架是一个带有标题框的窗口,窗口的大小可以 改变。
❖ 框架在实例化时默认为是不可见的,最小化的, 必须通过setSize方法来设定框架的大小,并使用 setVisible(true)使框架可见。
2020年12月1日星期二
NCEPU
输im出po为rt:java.awt.*; 第二节 框架
public static void main(String[] args) {
JFrame frame = new JFrame("HelloWorldSwing");
final JLabel label = new JLabel("Hello World!");
frame.getContentPane().add(label);
如 器: ,位 这置 样、 就大可小以、创字建体出文件、复对颜杂话色的框等界类。 面
2020年12月1日星期二
NCEPU
Compon第en一t 节ja抽va.象lan窗g.O口bje工ct具集AWT
颜 色
jav字 体a.aw组件t包中的布局 主要复框类选组
图 像
事 菜单 件 组件
图 形
类 以及类 组件类类的继类承关系类 类 类 类 类
}
JFrame的使用
2020年12月1日星期二
NCEPU
框架
❖ 框架(Frame)类方法 ▪ public void setTitle ( String title ) 设置或修改框架的标题 ▪ public String getTitle ( ) 获取框架的标题 ▪ Public void setBackground ( Color c ) 设置框架的背景颜色

移动应用界面设计开发标准手册

移动应用界面设计开发标准手册

移动应用界面设计开发标准手册第1章界面设计基础 (4)1.1 设计原则与规范 (4)1.2 设计工具与技术 (4)1.3 用户体验与交互设计 (4)第2章色彩与视觉元素 (4)2.1 色彩搭配与运用 (4)2.2 图标与按钮设计 (4)2.3 图片与插画应用 (4)第3章字体与排版 (4)3.1 字体选择与运用 (4)3.2 标题与正文排版 (4)3.3 文本输入与显示 (4)第4章布局与导航 (4)4.1 布局原则与类型 (5)4.2 栅格系统与间距 (5)4.3 导航模式与设计 (5)第5章交互与动画 (5)5.1 交互设计原则 (5)5.2 触控操作与反馈 (5)5.3 动画效果与过渡 (5)第6章列表与卡片 (5)6.1 列表展示与排序 (5)6.2 卡片式设计与应用 (5)6.3 滑动操作与筛选 (5)第7章表单与输入 (5)7.1 表单设计原则 (5)7.2 输入框与选择器 (5)7.3 错误提示与校验 (5)第8章消息提示与通知 (5)8.1 消息提示设计 (5)8.2 通知栏与推送 (5)8.3 弹窗与模态窗口 (5)第9章用户引导与教育 (5)9.1 新功能引导设计 (5)9.2 操作教程与提示 (5)9.3 帮助与反馈 (5)第10章跨平台与响应式设计 (5)10.1 跨平台设计原则 (5)10.2 响应式布局与适配 (5)10.3 平台特定设计与优化 (5)第11章功能优化与测试 (5)11.2 加载与刷新机制 (6)11.3 界面测试与评估 (6)第12章设计规范与交付 (6)12.1 设计规范与组件库 (6)12.2 设计交付物与协作 (6)12.3 设计迭代与优化 (6)第1章界面设计基础 (6)1.1 设计原则与规范 (6)1.2 设计工具与技术 (6)1.3 用户体验与交互设计 (7)第2章色彩与视觉元素 (7)2.1 色彩搭配与运用 (7)2.1.1 整体色调协调统一 (7)2.1.2 重点色运用 (7)2.1.3 色彩平衡 (7)2.1.4 调和对立色 (8)2.2 图标与按钮设计 (8)2.2.1 形状与线条 (8)2.2.2 颜色搭配 (8)2.2.3 尺寸与间距 (8)2.3 图片与插画应用 (8)2.3.1 选择合适的图片 (8)2.3.2 个性化插画 (8)2.3.3 合理布局 (9)第3章字体与排版 (9)3.1 字体选择与运用 (9)3.1.1 字体分类 (9)3.1.2 字体选择原则 (9)3.1.3 字体运用技巧 (9)3.2 标题与正文排版 (9)3.2.1 标题排版 (10)3.2.2 正文排版 (10)3.3 文本输入与显示 (10)第4章布局与导航 (10)4.1 布局原则与类型 (10)4.2 栅格系统与间距 (11)4.3 导航模式与设计 (11)第5章交互与动画 (12)5.1 交互设计原则 (12)5.2 触控操作与反馈 (12)5.3 动画效果与过渡 (13)第6章列表与卡片 (13)6.1 列表展示与排序 (13)6.1.2 列表的排序 (13)6.2 卡片式设计与应用 (14)6.2.1 卡片式设计的基本概念 (14)6.2.2 卡片式设计的应用 (14)6.3 滑动操作与筛选 (14)6.3.1 滑动操作 (14)6.3.2 筛选功能 (15)第7章表单与输入 (15)7.1 表单设计原则 (15)7.2 输入框与选择器 (15)7.3 错误提示与校验 (16)第8章消息提示与通知 (16)8.1 消息提示设计 (16)8.1.1 设计原则 (16)8.1.2 设计方法 (17)8.2 通知栏与推送 (17)8.2.1 通知栏设计 (17)8.2.2 推送设计 (17)8.3 弹窗与模态窗口 (17)8.3.1 弹窗设计 (17)8.3.2 模态窗口设计 (17)第9章用户引导与教育 (18)9.1 新功能引导设计 (18)9.1.1 明确目标用户群体 (18)9.1.2 简洁明了的引导界面 (18)9.1.3 逐步引导 (18)9.1.4 互动式引导 (18)9.1.5 个性化引导 (18)9.2 操作教程与提示 (18)9.2.1 结构清晰的教程内容 (18)9.2.2 图文并茂的教程形式 (19)9.2.3 关键步骤的提示 (19)9.2.4 适时出现 (19)9.3 帮助与反馈 (19)9.3.1 帮助中心 (19)9.3.2 在线客服 (19)9.3.3 用户反馈渠道 (19)9.3.4 优化更新提示 (19)第10章跨平台与响应式设计 (19)10.1 跨平台设计原则 (19)10.2 响应式布局与适配 (20)10.3 平台特定设计与优化 (20)第11章功能优化与测试 (21)11.1.1 代码优化 (21)11.1.2 资源管理 (21)11.1.3 网络优化 (21)11.2 加载与刷新机制 (21)11.2.1 页面加载优化 (21)11.2.2 数据刷新机制 (22)11.3 界面测试与评估 (22)11.3.1 界面功能测试 (22)11.3.2 界面评估 (22)第12章设计规范与交付 (22)12.1 设计规范与组件库 (22)12.1.1 设计规范 (22)12.1.2 组件库 (23)12.2 设计交付物与协作 (23)12.2.1 设计交付物 (23)12.2.2 协作 (23)12.3 设计迭代与优化 (23)12.3.1 设计评审 (23)12.3.2 用户反馈 (24)12.3.3 数据分析 (24)12.3.4 设计工具与方法 (24)第1章界面设计基础1.1 设计原则与规范1.2 设计工具与技术1.3 用户体验与交互设计第2章色彩与视觉元素2.1 色彩搭配与运用2.2 图标与按钮设计2.3 图片与插画应用第3章字体与排版3.1 字体选择与运用3.2 标题与正文排版3.3 文本输入与显示第4章布局与导航4.1 布局原则与类型4.2 栅格系统与间距4.3 导航模式与设计第5章交互与动画5.1 交互设计原则5.2 触控操作与反馈5.3 动画效果与过渡第6章列表与卡片6.1 列表展示与排序6.2 卡片式设计与应用6.3 滑动操作与筛选第7章表单与输入7.1 表单设计原则7.2 输入框与选择器7.3 错误提示与校验第8章消息提示与通知8.1 消息提示设计8.2 通知栏与推送8.3 弹窗与模态窗口第9章用户引导与教育9.1 新功能引导设计9.2 操作教程与提示9.3 帮助与反馈第10章跨平台与响应式设计10.1 跨平台设计原则10.2 响应式布局与适配10.3 平台特定设计与优化第11章功能优化与测试11.1 功能优化策略11.2 加载与刷新机制11.3 界面测试与评估第12章设计规范与交付12.1 设计规范与组件库12.2 设计交付物与协作12.3 设计迭代与优化第1章界面设计基础1.1 设计原则与规范界面设计是软件开发中的环节,它直接关系到用户对产品的第一印象及长期使用体验。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。


主要内容
一、图形用户界面
二、图形用户界面工具包(Swing)
三、创建组件 四、布局管理器
6
Swing
Java图形用户界面的基本元素主要由图形用户界面工 具包Swing提供。 Java图形用户界面的基本元素包括:

用户界面组件(组件类)、事件处理模块(事件类)、 图形和图像工具(图形类、图像类)、布局管理器(布 局类)等。
5、图像图标类
图像图标类ImageIcon
Java语言使用javax.swing.ImageIcon类表示图标 支持3种图像格式:GIF、JPEG、PNG
Image im=(new ImageIcon("中国心.jpg")).getImage();
//创建图标对象im
jfrm. setIconImage(im);
包中.

(3)组件类(component class)
所有Swing
GUI组件类(除JFrame、JApplet和 JDialog)都是JComponent类的子类 JComboBox、JList、JRadioButton和JMenu等
例如,JButton、JTextField、JTextArea、
2、框架类JFrame
框架窗口的创建。
import java.awt.Color; //加载java.awt包里的颜色类Color import java.awt.Image; //加载java.awt包里的图像类Image import javax.swing.*; //加载javax.swing包里的所有类 public class App12_1 { static JFrame jfrm=new JFrame("这是个Swing程序"); //创建静态框架并设置标题 public static void main(String[] args) { JLabel lab=new JLabel("我是一个标签"); //创建一个标签对象lab Image im=(new ImageIcon("中国心.jpg")).getImage(); //创建图标对象im jfrm. setIconImage(im); //设置窗口的显示图标 jfrm.setSize(250,140); //设置框架大小 jfrm.setBackground(Color.YELLOW); //设置框架背景颜色为黄色 jfrm.setLocation(260,150); //设置窗口的位置 jfrm.add(lab); jfrm.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); jfrm.setVisible(true); } }
public void setForeground(Color c) public Color getForeground( )
4、字体类
字体类Font 用来规范组件所用的字体样式、大小与字形等。 构造方法: Font (String font_name, int style, int size)
Swing容器的层次关系
一般的Swing窗口,实际上包含几个“层次”
它是Java应用程序的顶层容器。
顶层容器JFrame 根窗格 分层窗格 内容窗格 玻璃窗格
2、框架类JFrame
JFrame特点





JFrame的内容窗格利用getContentPane()方法获 取的Container类的对象。 JFrame类对象显示效果是一个“窗口”,带有标题 栏和尺寸重置角标 iconImage图标对象。图像类型是image,使用 ImageIcon类创建图标对象。 JMenuBar是框架的可选菜单 默认为不可见,setVisible(true)方法使之可见 默认的布局管理器是BorderLayout,使用 setLayout()方法改变布局 其他方法:setLocation()、setSize()、setBounds()
3、颜色类
用Color类的对象来控制



每个Color对象代表一种颜色,用户可以直接使用Color 类中定义好的颜色常量 也可以通过调配红、绿、蓝三色的比例创建自己的Color 对象 Color类中定义有如下的三种构造函数 public Color(int Red, int Green, int Blue); public Color(float Red, float Green, float Blue); public Color(int RGB);
非顶层容器,不能独立存在,不是独立的窗口,它们
必须位于窗口之内,非顶层容器包括JPanel及 JScrollPanel等
一般独立应用程序使用JFrame,在上面放置Jpanel
面板
如果应用到浏览器中,使用JApplet
1、Swing组件分类

(2)辅助类(helper class)
用来描述组件属性的,辅助类通常包含在java.awt
抽象窗口 工具集
awt的扩展,根据 给定环境调整外观 和感觉。
图形用户界面
1996年,Sun公司和Netsacpe公司在一个称为Swing的 项目中合作完善了Netsacpe公司原来开发的一套GUI库 ,也就是现在所谓的Swing组件。 JFC(Java Foundation Class)的概念是在1997年的 JavaOne开发者大会上首次提出的,是指用于构建GUI的 一组API。 实际上,Swing只是JFC的一部分,其他的还有二维图形 (Java 2D)API以及拖放(Drag and Drop)API等。
它们主要在javax.swing包中。 java组件类的继承关系见教材图12.1
1、Swing组件分类
构成图形用户界面的类可以分为三组:

(1)容器类(container class),包含其他组件的类
顶层容器,能独立存在,是可以独立的窗口,JFrame
,JApplet,JDialog
字体名称 字形样式:PLAIN、 BOLD、ITALIC 字号大小
Java.awt包中的常用类: import java.awt.Font; 设置字体:组件.setFont(Font font);

Font fnt=new Font("Serief",Font.BOLD+Font.ITALIC,20); frm.setFont(fnt);

Jpanel可以容纳其他组件,一般用于布局和定位
默认的布局管理器FlowLayout,可以使用 setLayout()改变默认布局管理器
import javax.swing.*; //加载javax.swing包里的所有类 import javax.swing.border.TitledBorder; //加载javax.swing.border包里的 TitledBorder类 public class App12_2 { public static void main(String[] args) { JFrame jfrm=new JFrame("我的框架"); //创建框架对象jfrm jfrm.setSize(210,180); jfrm.setLocation(500,400); JPanel jpan=new JPanel(); //创建面板对象jpan jpan.setSize(120,90); jpan.setLocation(40,30); JButton bun=new JButton("点击我"); //创建命令按钮对象bun bun.setSize(80,20); bun.setLocation(20,30); jfrm.setLayout(null); //取消窗口jfrm的默认布局管理器 jpan.setLayout(null); //取消面板jpan的默认布局管理器 jpan.add(bun); //将命令按钮加入到面板中 jpan.setBorder(new TitledBorder("面板区")); //为面板对象jpan设置边框 jfrm.add(jpan); //将面板对象jpan加入到窗口中 jfrm.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); jfrm.setVisible(true); } }
2、框架类JFrame
jfrm.setSize(250,140); //设置框架大小
jfrm.setLocation(260,150);
//设置窗口的位置
(0,0)
150
260
140
250
3、JPan有边框的中间层容器
面板不是顶层容器,必须放到其他容器内,也可以放入 另一个面板内。
图形用户界面
Swing工具包作为AWT的扩展,并以AWT为基础
Swing跨平台的灵活性,可以根据给定环境而调整他们的 外观和感觉。
重型组件

AWT组件通常称为重型组件,因为它在运行时需要一个与平 台相关的本地组件为之服务。
轻型组件

Swing组件是纯Java编写的,不直接使用本地组件,所以 通常称为轻型组件。 Swing组件类的名字开头都有前缀”J”
Java.awt包中的常用类: import java.awt.Color;
3、颜色类
不论用哪个构造函数创建Color对象,都指定新建颜色中 R(红)、G(绿)、B(蓝)三色的比例 public Color(int Red, int Green, int Blue); 通过三个整型参数指定R,G,B,每个参数的取值范围 在0~255之间 public Color(float Red, float Green, float Blue); 例如下面的语句创建的是蓝色 Color blueColor = new Color(0,0,255); 通过三个浮点参数指定R,G,B,每个参数的取值范围 在0.0~1.0之间 public Color(int RGB); 通过一个整型参数指明其RGB三色比例 这个参数的0~7比特(取值范围为0~255)代表红色的比 例,8~15比特代表绿色的比例,16~23比特代表蓝色 的比例。
相关文档
最新文档