Transcript 第八章各種選取鈕、列表框、面板

基础综合 各种选取钮、列表框、面板
我们将介绍各式各样的选取钮，包括单选、复
选等不同的选择钮，也将介绍列表框的使用方
式，甚至带入如何加入Scroll Bar的功能，以
及发展窗口程序中的一个好工具面板。
大纲
•
•
•
•
•
•
•
•
•
•
4-1 复选框（CheckBox）
4-2 RadioButton
4-3 群组方块(GroupBox和RadioGroup)
4-4 面板（Panel）
4-5 列表盒（ListBox）
4-6 选取列表盒（Check ListBox）
4-7 下拉式选单（ComboBox）
4-8 滚动条（ScrollBar）
4-9 滚动条盒（ScrollBox）
本章习题
4-1 复选框（CheckBox）简介
• 在程序中如果想让使用者对某些
选项作选择时，可以使用
CheckBox组件来让使用者选择。
CheckBox组件通常都用于多选项
式的情况，如右图窗口所示。
CheckBox组件
复选框的使用
• Step1：在组件模板中的standard分类项选择CheckBox组件。
• Step2：点选CheckBox图标，并用鼠标在欲放置复选框的程序Form中，拖
曳出CheckBox控制组件。
• Step3：编辑CheckBox组件属性；在组件上利用鼠标点一下，「Object
Inspector」窗口便会出现，下页的表格列出常用的CheckBox组件属性。
复选框属性列表
属性
功能说明
Alignment
复选框与标题名称的相对位置：
taRightJustify：复选框位于方块名称的右侧
taLeftJustify：复选框位于方块名称的左侧(默认值)
Caption
复选框的标题名称
Checked
复选框的状态：
true：表示该方块已被核取(打勾)，其State = cbChecked
false：表示该方块没有被核取，其状态又可以分为两种：
a.若该方块为”不选取”，则其状态State = cbUnchecked
b.若该方块为”失效”，则其状态State = cbGrayed
Enabled
该复选框是否为有效方块：
true：这个复选框可以被选取，此为有效方块(默认值)
false：这个复选框不可以被选取，此为失效方块
Name
此复选框在程序中所具有的变量名称
4-2 RadioButton简介
• 在程序中，如果想让使用者对某些选项作单一选择时，可以使用RadioButton来做
设计。RadioButton按钮的特性为在一群RadioButton中，当其中有一个按钮被选
取，则其它按钮便会自动跳回未选取状态，也就是说只有一个RadioButton是可以
被选取的。以下两张图为例子，原本是第一个RadioButton被选取的，可是当选了
其它的RadioButton的时候，原本第一个被选取的就取消了。
原本选取第一个按钮
选取第二个按钮时，选项便跳到第
二个选项
RadioButton的使用
• Step1：在组件模板中的standard分类项选择RadioButton组件。
• Step2：点选RadioButton图标，并用鼠标在欲放置复选框的程序Form中，
拖曳出RadioButton控制组件。
• Step3：编辑RadioButton组件属性；在组件上利用鼠标点一下，
「Object Inspector」窗口便会出现，下页的表格列出常用的
RadioButton组件属性。
RadioButton属性列表
属性
功能说明
Alignment
RadioButton与标题名称的相对位置：
taRightJustify：复选框位于方块名称的右侧
taLeftJustify：复选框位于方块名称的左侧(默认值)
Caption
RadioButton的标题名称
Checked
RadioButton的状态：
true：表示该方块已被选取
false：表示该方块没有被核取(默认值)
Enabled
该RadioButton是否为有效按钮：
true：这个RadioButton可以被选取，此为有效按钮(默认值)
false：这个RadioButton不可以被选取，此为失效按钮
Name
此RadioButton在程序中所具有的变量名称
4-3 群组方块(GroupBox和RadioGroup)
• 在同一个Form中，如果需要有许多的控制选择项，可以利用
群组方块将同一类的RadioButton集节在一起，如此整个画面
便会较为整洁且有条理；群组方块有两类，GroupBox与
RadioGroup。
• GroupBox可将同一个Form中的组件集结在一起，而
RadioGroup只能专门处理RadioButton组件所集结的群组。
使用GroupBox分类
在编辑时，整个群组都会一起移动
GroupBox的使用
• Step1：在组件模板中的standard分类项选择GroupBox组件。
• Step2：点选GroupBox图标，并用鼠标在欲放置复选框的程序Form中，拖
曳出GroupBox控制组件。
• Step3：编辑GroupBox组件属性；在组件上利用鼠标点一下，「Object
Inspector」窗口便会出现，下页的表格列出常用的GroupBox组件属性。
• Step4：在GroupBox组件上面放置其它组件；要将其它的控件放置在
GroupBox上，须注意控制组件需要放置在GroupBox内，及组件的左上角
需在区域里，否则会被视为在窗体上，而不是在GroupBox内。
GroupBox属性列表
属性
功能说明
Caption
GroupBox的标题名称
Enabled
若为false则在此Group Box的功能选项都不能动作
Name
此GroupBox在程序中所具有的变量名称
4-4 面板（Panel）简介
• 面板提供了一个固定的区域给集结在一起的控件，当面板被移动，或是被
切换选取时，上面的控件也会跟着移动，这可以用来制作工具列之类的功
能，在下图中，三个面板放在同一个位置，用上面的三个Show Panel的按
钮来控制这三个面板的Visible属性，如此一来，这三个面板及附在其上
的控件能够在这有限的区域中交互显示而不会影响彼此。
显示第一个面板内容
显示第二个面板内容
显示第三个面板内容
面板的使用
• Step1：在组件模板中的standard分类项选择Panel组件。
• Step2：点选Panel图标，并用鼠标在欲放置复选框的程序Form中，拖曳
出Panel控制组件。
• Step3：编辑Panel组件属性；在组件上利用鼠标点一下，「Object
Inspector」窗口便会出现，下页的表格列出常用的Panel组件属性。
面板属性列表
属性
功能说明
Caption
Panel的标题名称
BevelInner
Panel的边界样式
BevelOuter
Panel的边界样式
BevelWidth
Panel的边界宽度
Locked
此Panel是否能移动
Name
此Panel在程序中所具有的变量名称
Visible
此Panel是否显示
4-5 列表盒（ListBox）简介
• 列表盒组件可以将一群选
项，做成列表清单的形式
供使用者选取。在右图里
所显示的窗口中间，就是
一个典型的列表盒，列举
了档案类型和位置的信息。
列表盒的使用
• Step1：在组件模板中的standard分类项选择ListBox组件。
• Step2：点选ListBox图标，并用鼠标在欲放置复选框的程序Form中，拖
曳出ListBox控制组件。
• Step3：编辑ListBox组件属性；在组件上利用鼠标点一下，「Object
Inspector」窗口便会出现，下页的表格列出常用的ListBox组件属性。
• Step4：将控件放置在ListBox中，只要在「Object Inspector」窗口中
点选属性Items，便会弹出String List Editor窗口，在其中便可做编辑
的动作。整个列表盒的显示区域就是用来显示这个List的，这个列表所
放的就是列表盒最重要的信息。
列表盒属性列表
属性
功能说明
Caption
ListBox的标题名称
Items
此ListBox中的控件
MultiSelect ListBox中的控件可否复选
Name
此ListBox在程序中所具有的变量名称
Sorted
ListBox中的控件是否经过字母排序
ItemIndex
目前被选取的项目的Index
4-6 选取列表盒（Check ListBox）简
介
• 选取列表盒可以将一群选
项集合在一起让使用者勾
选，与ListBox列表盒有点
类似。
选取列表盒的使用
• Step1：在组件模板中的additional分类项选择CheckListBox组件。
• Step2：点选Check ListBox图标，并用鼠标在欲放置复选框的程序Form
中，拖曳出Check ListBox控制组件，并调整组件的有效范围。
• Step3：编辑Check ListBox组件属性；在组件上利用鼠标点一下，
「Object Inspector」窗口便会出现，下页的表格列出常用的Check
ListBox组件属性。
• Step4：将控件放置在Check ListBox中，只要在「Object Inspector」
窗口中点选属性Items，便会弹出String List Editor窗口，在其中便可
做编辑的动作。
4-7 下拉式选单（ComboBox）简介
• 下拉式选单的功能和列表盒差不
多，只是在点到它的时候才会将
选项显示出来，比列表盒节省空
间，请看右图范例。
下拉式选单
下拉式选单的使用
• Step1：在组件模板中的standard分类项选择ComboBox组件。
• Step2：点选ComboBox图标，并用鼠标在欲放置ComboBox的程序Form中，
拖曳出ComboBox控制组件。
• Step3：编辑ComboBox组件属性，在组件上利用鼠标点一下，「Object
Inspector」窗口便会出现，下页表格列出常用的ComboBox组件属性。
• Step4：将控件放置在ComboBox中，只要在「Object Inspector」窗口中
点选属性Items，便会弹出String List Editor窗口，在其中便可做编辑
的动作。
下拉式选单的属性
属性
功能说明
Items
此ComboBox中的控件
Name
此ComboBox在程序中所具有的变量名称
Sorted
ComboBox中的控件是否经过字母排序
4-8 滚动条（ScrollBar）简
介
• 当窗口的内容超出显示范围时，便需要滚动条来卷动窗口内
容，下图中的窗口都是滚动条的应用。
滚动条的使
用
• Step1：在组件模板中的standard分类项选择ScrollBar组件。
• Step2：点选ScrollBar图标，并用鼠标在欲放置ScrollBar的
程序Form中，拖曳出ScrollBar控制组件。
• Step3：编辑ScrollBar组件属性，在组件上利用鼠标点一下，
「Object Inspector」窗口便会出现，下页表格列出常用的
ScrollBar组件属性。
滚动条的属性
属性
功能说明
Kind
此ScrollBar是水平还是垂直的
LargeChange
当有大卷动时(如PgUp，PgDn)卷动的长度
Name
此ScrollBar在程序中所具有的变量名称
Position
目前卷动到的位置
SmallChange
当有小卷动时(如Up，Down)卷动的长度
4-9 滚动条盒（ScrollBox）简
介
• 滚动条盒是个有滚动条的区域，请看下图范例，程序代码所
显示的区域就是在ScrollBox的区域里，所以当内容超过可以
显示范围的时候，就会出现ScrollBar。
滚动条盒的使
用
• Step1：在模板中的additional分类项选择ScrollBox组件。
• Step2：点选ScrollBar图标，并用鼠标在欲放置ScrollBox的
程序Form中，拖曳出ScrollBox控制组件。
• Step3：编辑ScrollBox组件属性，在组件上利用鼠标点一下，
「Object Inspector」窗口便会出现，下页表格列出常用的
ScrollBox组件属性。
滚动条盒的属
性
属性
功能说明
HorzScrollBar
此ScrollBox的横向滚动条
Name
此ScrollBox在程序中所具有的变量名称
VertScrollBar
此ScrollBox的纵向滚动条
本章习题
• 仿照Windows档案总管的功能，用Win31接口完成一个功能具
备的档案管理程序。
• 设计一个小型的备忘录，一次列出当月的每一天，点选日期
开启备忘录显示接口。