顺德职业技术学院 用户界面设计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所示