C#.NET_03章.ppt

第3章 简单界面控件与应用 学时数 6学时课程类型 理论 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 2 第3章简单界面控件与应用 教学重点 教学难点 典型属性枚举理解与应用 事件与方法的应用 列表控件的项目管理方法 界面控件的一般特性 典型控件的属性 事件与方法的应用意义与特征 应用方法 简单控件的窗体布局 控件的事件设计与事件过程的实现 教学目的 界面控件概念 应用特征与意义 常用界面控件的一般属性 事件和方法 界面控件的窗体布局与应用程序的设计方法 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 3 第3章简单界面控件与应用 课程章节 3 1界面控件的应用概述3 2简单界面控件3 3简单界面控件的工程实例 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 4 3 1界面控件的应用概述 界面控件指可在窗体上放置的可视化图形 元件 如按钮 文本编辑框等 其中的大多数是具有执行功能或通过 事件 引发代码运行并完成响应的功能 界面设计指控件在窗体中的布局 属性设置以及对可执行 事件 过程的设计 界面控件的一般 共性 属性 属性决定了可视控件的外观 通常包括控件的名称 形状 显示风格 字体颜色等 任何控件都有特定的属性集合 但其中的一些属性是共性的 如 Label的字体 Font属性 边框样式 BorderStyle Label的Text文本属性 Label的BorderStyle属性Fixed3D Button的Text文本属性 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 5 3 1界面控件的应用概述 例如 按钮button1的单击事件过程privatevoidbutton1 Click objectsender EventArgse 界面控件有共性的事件同时也有自己特定的事件 控件的事件是指控件对键盘和鼠标 操作 的响应 任何控件都有自己的事件集合 一旦控件的某个事件发生 就可以引起相应事件过程的执行 事件对象有自己特定的名称 事件过程代码是由程序员根据自己的问题需求编写的 如按钮单击事件Click 控件的事件 按钮的事件 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 6 3 1界面控件的应用概述 具有一般意义的事件 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 7 3 1界面控件的应用概述 控件的方法 控件的方法是指 NETFramework为控件预置的类方法 这些方法是专为程序员提供 可用来设置或处理控件的自身特征 例 Label TextBox Button控件 label1 BorderStyle BorderStyle Fixed3D label8 BackColor Color White textBox1 Name TextBox1 label5 Text 根植X1 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 8 3 2简单界面控件 当属性如下设置 WordWrap False 自动换行的属性设为 假 Multiline True 跨越多行编辑属性为 真 这时通过TextBox组件进行小型的文本编辑 说明 TextBox默认方式是单行编辑框 在这种方式下常作为典型的也是最常用的录入数据组件 一 Button控件 按钮 典型应用方法 用于鼠标 左键 单击执行某项操作 可以引发单击事件 程序员可在窗体中编写单击事件的响应代码段 在代码中为button1设置属性的方法 如 button1 Visible false 控件是否可视button1 Text 退出 控件显示文本 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 9 3 2简单界面控件 二 CheckBox RadioBotton GroupBox 为False时 不使用三状态 为True时 使用三状态这时通过CheckState属性识别状态 Checked Unchecked Indeterminate分别代表选中 未选中 不确定 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 10 3 2简单界面控件 CheckAlign属性用于设置CheckBox上文本的对齐方式 它有九个方位的选项 设置方法与Label控件相同 左对齐 RadioBotton 单选按钮 外观 带有文本说明的两态焦点设置框 基本属性 基本同CheckBox Checked属性表示状态 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 11 3 2简单界面控件 多个组件镶嵌在GroupBox组件中配合使用 进行单选设置操作要求 以便描述单选的 场景 应用特征 注意 多个RadioBotton在父容器中 如GroupBox 是相互排斥的 当有一个被选中时 其它的组件都自动取消选中 这一点它与CheckBox截然不同 分组框中的各RadioBotton是一个组 呈现 单选 特征 如果窗体中还有若干RadioBotton时 它们也组成另一个组 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 12 3 2简单界面控件 GroupBox 组合框 外观 带有文本标识的矩形组件容器框架 基本属性 说明文字颜色 背景颜色 groupBox1 Visible true 可见 groupBox1 BackColor Color WhiteSmoke 颜色枚举值 groupBox1 Text 选择 groupBox1 Name groupBox1 应用特征 可用于包含其它组件 通过矩形轮廓线以提高界面的表现力 一组RadioBotton组件放置在其中时在可以发挥 单选 的功能 顶部文本用以说明内含控件的设置意义 GroupBox的Text属性 GroupBox内部布置各类控件 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 13 3 2简单界面控件 应用实例 功能 按钮单击事件过程需要通过单选按钮的状态确认与运算方法 然后进行数值运算 if rdoAdd Checked Val Val1 Val2 elseif rdoSub Checked Val Val1 Val2 elseif rdoMulti Checked Val Val1 Val2 else lblResult Text 未选择方法 return 关键代码片段 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 14 3 2简单界面控件 三 ComboBox控件 下拉列表框 下拉组合框ComboBox控件用于在一个下拉列表中显示或选择数据 外观特征如右图 顶部是一个允许用户键入列表项的文本框 单击控件后 显示一个选择项的列表 特点 内部存在一个列表项集合 Object Object ComboBox是一个Object容器 通过特定的方法可以管理器中的内容 包括增加和删除元素 通常用于在界面选择数据项 0项1项 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 15 3 2简单界面控件 ComboBox控件的常用属性 DropDownStyle属性枚举选项 枚举是指一组特定的数据项 DropDownList 单击 箭头 时显示下拉列表 文本部分不可编辑 DropDown 鼠标单击 箭头 时显示下拉列表 文本部分可编辑 Simple 始终显示列表框 文本部分可编辑 ComboBox的三种不同风格 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 16 3 2简单界面控件 Items属性 例 stringMyStr comboBox1 SelectedItem ToString Items表示ComboBox中所包含项的集合 可获得ComboBox列表的所有项目或访问集合中的某一指定项 也可以向列表中添加新项 移除项和获得集合中项的数目 Items项的引用是通过项索引号进行的 索引号从0开始 例如 ComboBox1 Items 1 表示ComboBox1中的第二个元素 SelectedItem属性获取ComboBox控件当前选定的表项 对象 MyStr是当前选定项的文本 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 17 3 2简单界面控件 获取或设置ComboBox控件当前选定的项的索引号 例如 获取当前选定项的索引号程序代码 intIndex N comboBox1 SelectedIndex 将列表中的第3项设置为当前选定项的程序代码 comboBox1 SelectedIndex 3 SelectedIndexChanged事件当ComboBox控件的SelectedIndex属性更改后引发该事件 SelectedIndex属性 SelectionChangeCommitted事件当控件选定项发生更改并且提交了该更改后引发该事件 ComboBox控件的常用事件 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 18 3 2简单界面控件 ComboBox控件的常用方法ComboBox的方法通常是针对Items的 Add方法功能 向ComboBox的列表添加新项 例 以下语句向ComboBox1的列表添加一个值为 新增项目1 的项 comboBox1 Items Add 新增项目1 Clear方法功能 删除ComboBox列表中的所有项 例如 以下语句清空ComboBox1的列表中的全部项 comboBox1 Items Clear 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 19 3 2简单界面控件 Count方法功能 获得ComboBox的列表所包含的项数 例如 以下语句获得ComboBox1列表的项目数 intIcount comboBox1 Items Count RemoveAt方法功能 通过索引号移出ComboBox的列表中的指定项 例如 以下语句删除ComboBox1的列表中的第2项 comboBox1 Items RemoveAt 1 应用特点 使用表项索引号标识被删除的表项 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 20 3 2简单界面控件 Remove方法功能 通过ComboBox项移出ComboBox的列表中的指定项 例如 以下语句删除ComboBox1列表中当前选定项 comboBox1 Items Remove comboBox1 SelectedItem 应用特点 使用表项 对象 标识被删除的表项 四 ListBox ListBox列表控件可用于显示一个项列表 可在运行中选择其中一项或多项 通过相关属性设置 它可按一列显示 也可按多列显示 当项数超出显示区容量时 ListBox会自动呈现滚动条 ListBox是一个Object容器 通过特定的方法可以管理其中的内容 包括增加和删除表项 通常它用于在界面上选择项目 ListBox 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 21 3 2简单界面控件 ListBox控件的常用属性 ColumnWidth属性值确定每列的宽度 在默认情况下 该值设置为零 例 ListBox1 MultiColumn true ListBox1 ColumnWidth 60 SelectionMode属性获取或设置在ListBox中选择项所用的方法 它有四个属性值 枚举 SelectionMode None不选择方式 SelectedIndex始终为 1 SelectionMode One单选方式 SelectedIndex为当前选定指针 SelectionMode MultiExtended值 多选方式 SelectionMode MultiSimple值 鼠标单击或按空格键将选择或撤消列表中的某项 MultiColumn与ColumnWidth属性MultiColumn指示是否支持多列 true多列 false单列 默认 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 22 3 2简单界面控件 SelectedIndex与SelectedIndices属性 SelectedIndex属性返回对应于列表框中第一个选定项的索引值 可以代码方式更改选定项的索引值 如果未选定任何项 则SelectedIndex值为 1 如果选定了列表中的第一项 则SelectedIndex值为0 当选定多项时 SelectedIndex指向列表中最先出现的选定项 SelectedItem属性类似于SelectedIndex 但它表示列表项本身 通常是字符串值 Items Count属性与ComboBox的Count属性相同 SelectedIndices属性包含ListBox中所有当前选定项的从零开始的索引值集合 注意SelectedItem与SelectedIndex的区别 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 23 3 2简单界面控件 SelectedIndexChanged事件当ListBox控件中的当前选定项更改时引发本事件 Click事件 ListBox的常用方法一般针对项目集合 可在代码中使用Items Add Items Insert Items Clear或Items Remove方法管理Items 也可在设计阶段通过属性对话框为Items组织表项 ListBox控件的常用方法 ListBox控件的常用事件 例1 将 软件工程 加入到ListBox1的项目集中 ListBox1 Items Add 软件工程 注意 Add方法只有一个String型参数代表添加内容 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 24 3 2简单界面控件 例2 将 数据库技术 插入到ListBox1的第2项位置 0开始 ListBox1 Items Insert 2 数据库技术 注意 Insert方法有两个参数 第一个参数是int型参数 代表插入的位置 第二个参数是string型参数表示插入内容 例3 删除ListBox1的列表项中的第3项 ListBox1 Items RemoveAt 2 ListBox通过Add Insert RemoveAt方法管理自己的项目集合Items 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 25 3 2简单界面控件 七 PictureBox控件 图片框 图片框PictureBox控件常用于在窗体中显示位图 图元文件 图标 JPEG GIF和PNG文件中的图像 PictureBox控件中可以显示两个图像 一个是前景图像另一个是背景图像 PictureBox控件常用属性如下 BitmapPbFile 位图对象PbFile newBitmap pb2 jpg PictureBox1 Image PbFile 或PictureBox1 Image newBitmap pb2 jpg Image属性Image属性值是一个图像对象 例 若pb2 JPG在项目主目录的bin子目录下 以下代码使用pb2 JPG图像文件为PictureBox1的Image属性设置图像对象 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 26 3 2简单界面控件 该属性用于设置图像的显示模式 它有四个枚举值 Normal图像被置于左上角 若图像比PictureBox大 多余部分将被剪裁掉 StretchImage图像被拉伸或收缩 以适合PictureBox的大小 AutoSize调整PictureBox大小 使其等于图像大小 CenterImage若PictureBox比图像大 则图像居中显示 若图像比PictureBox大 则图片将居于PictureBox中心 而外边缘将被剪裁掉 效果图 PictureBox控件常用事件为Click和DoubliClick事件 SizeMode属性 2020 1 6 吉林电子信息职业技术学院计算机工程系 N 27 八 定时控件Timer 常用方法Start方法用来启动Timer工作 例 timer1 Start Stop方法用来停止Timer工作 例 timer1 Stop Timer用于以用户定义的事件间隔触发事件 它本身是一个组件 可放置到窗体中 但不显示在界面中 常用属性 Enabled属性 Enabled取逻辑值 true启用 false停止 Interval属性 获取或设置计时器的时间间隔 以毫秒为单位 该值不小于1 当Enabled为true且Interval大于0时 引发Tick事件 引发的时间间隔为Interval属性值 Timer的Tick事件当指定的计时器间隔已过去而且计时器处于启用状态时发生 2020 1 6