
顺德职业技术学院 用户界面设计1
顺德职业技术学院 1 用户界面设计1

顺德职业技术学晚 【学习目标】 【学习目标】 。结合例题和习题认识和掌握各种常用控件的常用属性和 方法。 。结合例题和习题认识和掌握各种对话框的应用。 。结合例题和习题认识和掌握菜单的制作与驱动 ·结合例题和习题认识和掌握工具栏的制作与驱动。 。结合例题和习题认识和掌握状态栏的制作与信息显示。 。结合例题和习题掌握键盘事件和鼠标事件。 。结合例题和习题认识和掌握多文档的特点和制作
顺德职业技术学院 2 【学习目标】 【学习目标】 ⚫ 结合例题和习题认识和掌握各种常用控件的常用属性和 方法。 ⚫ 结合例题和习题认识和掌握各种对话框的应用。 ⚫ 结合例题和习题认识和掌握菜单的制作与驱动 ⚫ 结合例题和习题认识和掌握工具栏的制作与驱动。 ⚫ 结合例题和习题认识和掌握状态栏的制作与信息显示。 ⚫ 结合例题和习题掌握键盘事件和鼠标事件。 ⚫ 结合例题和习题认识和掌握多文档的特点和制作

顺德职业技术学晚 业 常用控件
顺德职业技术学院 3 常用控件

翌 顺德职业技术学院 5.1常用控件 5.1.1单选控件和分组框控件及应用 5.1.2复选框控件及应用 5.1.3图片框控件及应用 5.1.4计时器控件及应用 5.1.5水平、垂直滚动条控件及应用 5.1.6选择日期控件 5.1.7进度条控件、滑块控件和分页控件及应 用
顺德职业技术学院 4 5.1 常用控件 5.1.1 单选控件和分组框控件及应用 5.1.2 复选框控件及应用 5.1.3 图片框控件及应用 5.1.4 计时器控件及应用 5.1.5 水平、垂直滚动条控件及应用 5.1.6 选择日期控件 5.1.7 进度条控件、滑块控件和分页控件及应 用

顺德职业技术学的 5.1.1单选控件和分组框控件及应 用 o在VB.NET的Windows应用程序设计中,单选按钮RadioButton控件常 与分组框GroupBox控件组合,用于建立成组选择界面。 o RadioButton控件 (1)常用属性 。Text一设置RadioButton控件的标题文字 TextAlign-一设置控件中标题文字的对齐方式g有9种方式,默认为 MiddleLeft,即水平方向左对齐,垂直方向居中。 鼎套整件建2高有9种方式,纹认为 Checked-一单选按钮是否被选中,若被选中,其值为True,否则,其值为 False。 (2)常用事件 。Click一当用户单击单选按钮时,将触发Click事件 ·CheckedChanged一当Checked属性的值发生变化时,则触发该事件。 o GroupBox控件的常用属性有: 。Text一设置GroupBox控件的标题文字,用于对分组框里面的控件的说明
顺德职业技术学院 5 5.1.1 单选控件和分组框控件及应 用 在VB.NET的Windows应用程序设计中,单选按钮RadioButton控件常 与分组框GroupBox控件组合,用于建立成组选择界面。 RadioButton控件 (1)常用属性 ⚫ Text—设置RadioButton控件的标题文字 ⚫ TextAlign—设置控件中标题文字的对齐方式。有9种方式,默认为 MiddleLeft,即水平方向左对齐,垂直方向居中。 ⚫ CheckAlign—设置控件中图标在控件中的位置。有9种方式,默认为 MiddleLeft,即图标位于控件左侧,垂直方向居中。 ⚫ Checked—单选按钮是否被选中,若被选中,其值为True,否则,其值为 False。 (2)常用事件 ⚫ Click—当用户单击单选按钮时,将触发Click事件 ⚫ CheckedChanged—当Checked属性的值发生变化时,则触发该事件。 GroupBox控件的常用属性有: ⚫ Text—设置GroupBox控件的标题文字,用于对分组框里面的控件的说明

顺德职业技术学晚 应用举例 o例题5.1利用RadioButton控件和 GroupBox控件设置文本框内文字的字体、大 小、颜色,其运行参考界面如图5.1所示。 通单选按钮和分组框的应用 日回☒ He11o!中国 宇体 颜色 大小 C宋体 红色 ⊙12 确定 ◇隶书 C绿色 C16 结束 C幼圆 C蓝色 C18 6
顺德职业技术学院 6 应用举例 例题 5.1 利用RadioButton控件和 GroupBox控件设置文本框内文字的字体、大 小、颜色,其运行参考界面如图5.1所示

密 隔德购业技水学院 5.1.2 复选框控件及应用 。复选框CheckBox:控件是让用户在一组选项中选定一项或者多 项。 。常用属性 。Text 一设置CheckBox控件的标题文字 。TextAlign 一设置控件中标题文字的对齐方式。有9种方式,默 认为MiddleLeft,即水平方向左对齐,垂直方向居中。 CheckAlign- 一设置控件中图标在控件中的位置。有9种方式, 默认为MiddleLeft,即图标位于控件左侧,垂直方向居中。 Checked- 复选框是否被选中,CheckBox被选中,其值为 True,图标中间出现对钩,CheckBox未被选中,其值为False 图标中间为空。 。常用事件 。Cick一当用户单击复选框时,将触发Cick事件 CheckedChanged-一当Checked属性的值发生变化时,则触 发该事件
顺德职业技术学院 7 5.1.2 复选框控件及应用 复选框CheckBox控件是让用户在一组选项中选定一项或者多 项 。 常用属性 ⚫ Text——设置CheckBox控件的标题文字 ⚫ TextAlign——设置控件中标题文字的对齐方式。有9种方式,默 认为MiddleLeft,即水平方向左对齐,垂直方向居中。 ⚫ CheckAlign——设置控件中图标在控件中的位置。有9种方式, 默认为MiddleLeft,即图标位于控件左侧,垂直方向居中。 ⚫ Checked——复选框是否被选中,CheckBox被选中,其值为 True,图标中间出现对钩,CheckBox未被选中,其值为False, 图标中间为空。 常用事件 ⚫ Click——当用户单击复选框时,将触发Click事件 ⚫ CheckedChanged——当Checked属性的值发生变化时,则触 发该事件

顺德业技水学晚 应用举例 。例题5.2利用复选框来选择一个人的爱好以及 家庭成员,运行参考界面如图5.3所示。 语复选框CheckBoxt使用例子日回☒ 爱好选择 家庭成员选择 口看电影 下爸爸 厂外出旅游 厂妈妈 厂听音乐 厂爷爷 下玩电脑游戏 口奶奶 确定 退出
顺德职业技术学院 8 应用举例 例题5.2利用复选框来选择一个人的爱好以及 家庭成员,运行参考界面如图5.3所示

顺德职业技术学晚 5.1.3 图片框控件及应用 0 图形框PictureBox:控件常用于图形设计和图像处理应用程序。.可以加载到 控件上的图像文件格式有:位图文件(.bmp)、图标文件(.ico)、图元文 件(.wmf)、jpg和.gif文件。 常用属性 。Image一设置控件显示的图形。 。Visible-一设置是否显示该控件,如果为False,则图形不显示。 Size一设置控件的高度Height、宽度Width, 单位是象素 ode-如何显示图像,其可取的值为:Normal,StretchImage, en BorderStyle.一设置控件的边框样式。 。常用方法 CreateG raphics一为控件创建一个Graphics对象 Hide一隐藏控件。 。Refresh一强制控件的工作区无效并立即重绘。 。Show一向用户显示控件。 。常用事件 。Click一单击PictureBox控件时发生。 DoubleClick-双击PictureBox控件时发生。 MouseEnter-一在鼠标指针进入控件时发生 Move一在移动控件时发生。 ·Paint-一在重绘控件时发生。 9
顺德职业技术学院 9 5.1.3 图片框控件及应用 图形框PictureBox控件常用于图形设计和图像处理应用程序。可以加载到 控件上的图像文件格式有:位图文件(.bmp) 、图标文件(.ico)、图元文 件(.wmf)、.jpg和.gif文件。 常用属性 ⚫ Image—设置控件显示的图形。 ⚫ Visible—设置是否显示该控件,如果为False,则图形不显示。 ⚫ Size—设置控件的高度Height、宽度Width,单位是象素。 ⚫ SizeMode―如何显示图像,其可取的值为:Normal,StretchImage, AutoSize,CenterImage。 ⚫ BorderStyle—设置控件的边框样式。 常用方法 ⚫ CreateGraphics―为控件创建一个Graphics对象。 ⚫ Hide―隐藏控件。 ⚫ Refresh―强制控件的工作区无效并立即重绘。 ⚫ Show―向用户显示控件。 常用事件 ⚫ Click―单击PictureBox控件时发生。 ⚫ DoubleClick―双击PictureBox控件时发生。 ⚫ MouseEnter―在鼠标指针进入控件时发生。 ⚫ Move―在移动控件时发生。 ⚫ Paint―在重绘控件时发生

器 赠德职业技术学院 应用举例 o例题5.3利用PictureBox控件来显示图像, 运行参考界面如图5.6所示。 语PictureBoxt控件应用回☒ Matri The most powerful Support MSSQ 箭入图像 清除图像 10
顺德职业技术学院 10 应用举例 例题5.3 利用PictureBox控件来显示图像, 运行参考界面如图5.6所示