第3章 常用控件及界面設(shè)計(jì)

1、大連理工大學(xué)出版社新世紀(jì)應(yīng)用型高等教育新世紀(jì)應(yīng)用型高等教育計(jì)算機(jī)類課程規(guī)劃教材計(jì)算機(jī)類課程規(guī)劃教材Visual BasicVisual Basic 程序設(shè)計(jì)程序設(shè)計(jì)（第二版）（第二版）第第3 3章章 常用控件與界面設(shè)計(jì)常用控件與界面設(shè)計(jì)大連理工大學(xué)出版社本章主要內(nèi)容本章主要內(nèi)容控件綜述控件綜述3.1 3.1 命令按鈕命令按鈕3.2 3.2 文本框文本框3.3 3.3 復(fù)選框與單選按鈕復(fù)選框與單選按鈕3.4 3.4 框架框架3.5 3.5 列表框與組合框列表框與組合框3.7 3.7 圖片框與圖像圖片框與圖像框框3.8 3.8 系統(tǒng)定時(shí)器系統(tǒng)定時(shí)器3.9 3.9 直線與形狀直線與形狀3.10 3.

2、10 菜單設(shè)計(jì)菜單設(shè)計(jì)3.11 3.11 多窗體程序多窗體程序設(shè)計(jì)設(shè)計(jì)3.12 3.12 多文檔界面多文檔界面大連理工大學(xué)出版社控件分類控件分類 控件按廣義可分為：內(nèi)部控件、控件按廣義可分為：內(nèi)部控件、ActiveX控件和可插入的對(duì)象控件和可插入的對(duì)象3 3種。種。 1.1.內(nèi)部標(biāo)準(zhǔn)控件內(nèi)部標(biāo)準(zhǔn)控件 這些控件都存在于這些控件都存在于Visual Basic的的. .exe 文件中，內(nèi)部控件總是出現(xiàn)文件中，內(nèi)部控件總是出現(xiàn)在工具箱中。在工具箱中。 2.ActiveX 2.ActiveX 控件控件 是標(biāo)準(zhǔn)控件的擴(kuò)充，存在于擴(kuò)展名為是標(biāo)準(zhǔn)控件的擴(kuò)充，存在于擴(kuò)展名為 . .ocx 的獨(dú)立文件中。的獨(dú)立

3、文件中。 3.3.可插入的對(duì)象可插入的對(duì)象 是一些可以添加到工具箱中當(dāng)作控件使用的其它應(yīng)用程序的對(duì)象，是一些可以添加到工具箱中當(dāng)作控件使用的其它應(yīng)用程序的對(duì)象，例如一個(gè)例如一個(gè)Microsoft Excel 工作表對(duì)象，一個(gè)工作表對(duì)象，一個(gè)Project 日歷對(duì)象。日歷對(duì)象。大連理工大學(xué)出版社 控件是包含在窗體中的對(duì)象。控件是包含在窗體中的對(duì)象。 控件同窗體一樣，也是輔助用戶快速完成界面設(shè)計(jì)的有效工具。控件同窗體一樣，也是輔助用戶快速完成界面設(shè)計(jì)的有效工具。 控件和窗體組成與用戶交互的可視化部件。控件和窗體組成與用戶交互的可視化部件。 VBVB通過(guò)控件箱（工具箱）提供了組成通過(guò)控件箱（工具箱）

4、提供了組成WindowsWindows應(yīng)用程序窗口或?qū)υ拺?yīng)用程序窗口或?qū)υ?框的諸如文本框、列表框、命令按鈕等控件。框的諸如文本框、列表框、命令按鈕等控件。 VB6.0VB6.0中的常用控件見(jiàn)下圖所示：中的常用控件見(jiàn)下圖所示：控件概述控件概述大連理工大學(xué)出版社 PointerPointer指針指針 PicturePicture圖片框圖片框 LabelLabel標(biāo)簽標(biāo)簽 TextBoxTextBox文本框文本框 FrameFrame框架框架 CommandButtonCommandButton命令按鈕命令按鈕 CheckBoxCheckBox復(fù)選框復(fù)選框 OptionButtonOptionBu

5、tton單選框單選框 ComboBoxComboBox組合框組合框 ListBoxListBox列表框列表框 H.ScrollBarH.ScrollBar水平滾動(dòng)條水平滾動(dòng)條 V.ScrollBarV.ScrollBar垂直滾動(dòng)條垂直滾動(dòng)條 TimerTimer計(jì)時(shí)器計(jì)時(shí)器 DriveListBoxDriveListBox驅(qū)動(dòng)器列表框驅(qū)動(dòng)器列表框 DirListBoxDirListBox文件夾列表框文件夾列表框 FileListBoxFileListBox文件列表框文件列表框 ShapeShape圖形圖形 LineLine線條線條 ImageImage圖像圖像 DateDate數(shù)據(jù)控件數(shù)據(jù)控件

6、 OLEOLE控件控件常用控件常用控件大連理工大學(xué)出版社3.13.1 用來(lái)在窗體內(nèi)添加命令按鈕。運(yùn)行時(shí)用戶單擊此按鈕，則執(zhí)行用來(lái)在窗體內(nèi)添加命令按鈕。運(yùn)行時(shí)用戶單擊此按鈕，則執(zhí)行一段代碼。一段代碼。1 1常用屬性常用屬性 大連理工大學(xué)出版社3.13.12 2選定命令按鈕的方法選定命令按鈕的方法方法方法 事件事件 大連理工大學(xué)出版社命令按鈕的程序示例命令按鈕的程序示例Private Sub Command1_Click() Label1.Caption = 報(bào)效祖國(guó) Command2.Enabled = True Command2.SetFocus Command1.Enabled = Fals

7、eEnd SubPrivate Sub Command2_Click() Label1.Caption = 努力學(xué)習(xí) Command1.Enabled = True Command1.SetFocus Command2.Enabled = False End SubPrivate Sub Command3_Click() Unload MeEnd Sub 大連理工大學(xué)出版社3.2 3.2 用于接收用戶在框內(nèi)輸入的信息，或顯示由程序提供的信息。用于接收用戶在框內(nèi)輸入的信息，或顯示由程序提供的信息。 Name Name ：名稱名稱 Text Text ：文本屬性文本屬性 MaxLength Max

8、Length ：最大長(zhǎng)度屬性最大長(zhǎng)度屬性 MultiLine MultiLine ：多行屬性多行屬性 PasswordChar PasswordChar ：密碼屬性密碼屬性 ScrollBars ScrollBars ：滾動(dòng)條屬性滾動(dòng)條屬性 Locked Locked ：鎖定屬性鎖定屬性 SelStartSelStart、SelLengthSelLength、SelTextSelText（文本選擇）屬性（文本選擇）屬性大連理工大學(xué)出版社 3.2 3.2 大連理工大學(xué)出版社3.3 3.3 復(fù)選框復(fù)選框(CheckBox)(CheckBox)。大連理工大學(xué)出版社3.3 3.3 單選鈕單選鈕( (O

9、ptionButtonOptionButton) )。 大連理工大學(xué)出版社3.4 3.4 框架框架(Frame)(Frame) 框架控件：用作其他控件的容器，并將這些控件對(duì)象分成可標(biāo)框架控件：用作其他控件的容器，并將這些控件對(duì)象分成可標(biāo)識(shí)的控件組。例如：用識(shí)的控件組。例如：用FrameFrame控件分隔控件分隔OptionButtonOptionButton控件組?？丶M。 結(jié)合框架和選項(xiàng)按鈕組結(jié)合框架和選項(xiàng)按鈕組( (或復(fù)選框組或復(fù)選框組) )：在窗體上可以創(chuàng)建選項(xiàng)：在窗體上可以創(chuàng)建選項(xiàng)組。組。 1.1.常用屬性常用屬性 CaptionCaption屬性屬性 設(shè)置框架的標(biāo)題。若設(shè)置為設(shè)置框架

10、的標(biāo)題。若設(shè)置為”，則框架顯示為一個(gè)封閉的矩，則框架顯示為一個(gè)封閉的矩形框。形框。 EnabledEnabled屬性屬性 決定決定FrameFrame是否可用。是否可用。大連理工大學(xué)出版社選項(xiàng)按鈕、復(fù)選框及框架控件的示例程序選項(xiàng)按鈕、復(fù)選框及框架控件的示例程序 文本框用于輸入示例文字，大小和字體兩個(gè)框架構(gòu)成兩個(gè)選項(xiàng)組，文本框用于輸入示例文字，大小和字體兩個(gè)框架構(gòu)成兩個(gè)選項(xiàng)組，分別用于設(shè)置文字的大小與字體。分別用于設(shè)置文字的大小與字體。 單擊不同的選項(xiàng)按鈕或復(fù)選框，輸入的示例文字的大小、字體與單擊不同的選項(xiàng)按鈕或復(fù)選框，輸入的示例文字的大小、字體與字型將隨之改變。字型將隨之改變。大連理工大學(xué)出版

11、社列表框用于列出可供用戶選擇的項(xiàng)目列表。運(yùn)行時(shí)，可用鼠標(biāo)列表框用于列出可供用戶選擇的項(xiàng)目列表。運(yùn)行時(shí)，可用鼠標(biāo)或箭頭鍵選中其中的一項(xiàng)或多項(xiàng)，選中的項(xiàng)被加亮顯示。或箭頭鍵選中其中的一項(xiàng)或多項(xiàng)，選中的項(xiàng)被加亮顯示。ListList：列表列表 ListCountListCount：列表框中所含項(xiàng)的總數(shù)列表框中所含項(xiàng)的總數(shù) ListIndexListIndex：選中項(xiàng)的索引號(hào)選中項(xiàng)的索引號(hào) TextText：文本文本 ColumnsColumns：列數(shù)（欄數(shù)）列數(shù)（欄數(shù)） SortedSorted：排序排序 SelectedSelected：選中選中 MultiSelectMultiSelect：多項(xiàng)

12、選擇方式多項(xiàng)選擇方式 NewIndexNewIndex：返回添加到列表的最后一個(gè)項(xiàng)目的索引。返回添加到列表的最后一個(gè)項(xiàng)目的索引。大連理工大學(xué)出版社但很少用）但很少用） 格式格式 ： 注意注意 ：若不指定插入位置，則插入到列表尾。：若不指定插入位置，則插入到列表尾。 格式：格式： 大連理工大學(xué)出版社 組合框是文本框和列表框的組合方式，它包含一個(gè)文本框和一個(gè)組合框是文本框和列表框的組合方式，它包含一個(gè)文本框和一個(gè)列表框。用戶可在文本框部分輸入選項(xiàng)，也可用列表框部分選擇選項(xiàng)。列表框。用戶可在文本框部分輸入選項(xiàng)，也可用列表框部分選擇選項(xiàng)。 StyleStyle外觀屬性。用于確定組合框的樣式。共有三種樣

13、式。外觀屬性。用于確定組合框的樣式。共有三種樣式。 TextText：取值為用戶從列表框中選定的文本內(nèi)容或直接輸入到文本取值為用戶從列表框中選定的文本內(nèi)容或直接輸入到文本框中的內(nèi)容?？蛑械膬?nèi)容。 DblClickDblClick：只有當(dāng)只有當(dāng)StyleStyle屬性設(shè)置為屬性設(shè)置為1 1時(shí)，才能接受時(shí)，才能接受DblClickDblClick事件。事件。 DropDownDropDown：當(dāng)組合框中的列表框部分正要被下拉時(shí)發(fā)生該事件。當(dāng)組合框中的列表框部分正要被下拉時(shí)發(fā)生該事件。 ChangeChange：當(dāng)用戶使用鍵盤(pán)在組合框的文本部分進(jìn)行輸入當(dāng)用戶使用鍵盤(pán)在組合框的文本部分進(jìn)行輸入或刪除而

14、或刪除而導(dǎo)致正文發(fā)生變化時(shí)導(dǎo)致正文發(fā)生變化時(shí)大連理工大學(xué)出版社 VB VB的滾動(dòng)條控件分為水平滾動(dòng)條（的滾動(dòng)條控件分為水平滾動(dòng)條（HScrollBar）控件和垂直滾）控件和垂直滾動(dòng)條（動(dòng)條（VScrollBar）控件。的主要功能也是用于解決顯示信息過(guò)大時(shí)）控件。的主要功能也是用于解決顯示信息過(guò)大時(shí)的定位問(wèn)題。的定位問(wèn)題。 1.1.常用屬性常用屬性 滾動(dòng)條常用的屬性有滾動(dòng)條常用的屬性有EnabledEnabled、HeightHeight、LeftLeft、TopTop、VisibleVisible、WidthWidth等。此外，還具有以下屬性：等。此外，還具有以下屬性： Value ：對(duì)應(yīng)于滾

15、動(dòng)塊在滾動(dòng)條中的位置，其值是一個(gè)整數(shù)，對(duì)應(yīng)于滾動(dòng)塊在滾動(dòng)條中的位置，其值是一個(gè)整數(shù)，缺省值為缺省值為0 0。 Max和和Min屬性屬性 ：用于設(shè)定滾動(dòng)條用于設(shè)定滾動(dòng)條ValueValue屬性的取值范圍。屬性的取值范圍。 LargeChange和和SmallChange ：設(shè)置設(shè)置ValueValue屬性值的變化量，變屬性值的變化量，變化量應(yīng)在化量應(yīng)在 Min Min 和和 Max Max 屬性之間選擇。屬性之間選擇。大連理工大學(xué)出版社）一、圖像框：一、圖像框： 圖片框可用來(lái)顯示圖形，也可作為其他控件的容器圖片框可用來(lái)顯示圖形，也可作為其他控件的容器 1.1.常用屬性常用屬性 是否自動(dòng)改變圖片框

16、的大小，以適應(yīng)圖片的大小。是否自動(dòng)改變圖片框的大小，以適應(yīng)圖片的大小。 裝入圖形文件的屬性裝入圖形文件的屬性二、圖片框：二、圖片框： 圖像框用于顯示一個(gè)圖形，該圖形一般是來(lái)自磁盤(pán)或者光盤(pán)的圖形圖像框用于顯示一個(gè)圖形，該圖形一般是來(lái)自磁盤(pán)或者光盤(pán)的圖形文件。文件。 1.1.常用屬性常用屬性 裝入圖形文件的屬性。用法與圖片框相同。裝入圖形文件的屬性。用法與圖片框相同。 拉伸圖形的屬性。拉伸圖形的屬性。大連理工大學(xué)出版社大連理工大學(xué)出版社3.9 3.9 直線直線( (Line) )與形狀與形狀( (Shape) ) 一、直線控件（一、直線控件（LineLine） 1.1.常用屬性：常用屬性： Bor

17、derStyle :BorderStyle : 7 7種不同的設(shè)置值，對(duì)應(yīng)著種不同的設(shè)置值，對(duì)應(yīng)著7 7種不同的直線樣式。種不同的直線樣式。 BorderColor :BorderColor : 設(shè)置直線的顏色。設(shè)置直線的顏色。 BorderWidth :BorderWidth : 設(shè)置直線的粗細(xì)，缺省時(shí)以像素設(shè)置直線的粗細(xì)，缺省時(shí)以像素(Pixel)(Pixel)為單位。為單位。二、形狀控件二、形狀控件(Shape)(Shape) 1. 1.常用屬性：常用屬性： Shape Shape ：用于設(shè)置六種圖形的形狀。用于設(shè)置六種圖形的形狀。 BackStyle BackStyle ：0 0 透明

18、，缺省值；透明，缺省值；1 1 透明。透明。 FillColor FillColor ：設(shè)置形狀的內(nèi)部顏色。設(shè)置形狀的內(nèi)部顏色。 FillStyle FillStyle ：設(shè)置形狀控件內(nèi)部的填充圖案，可以取設(shè)置形狀控件內(nèi)部的填充圖案，可以取8 8種值。種值。大連理工大學(xué)出版社3.10 3.10 菜單設(shè)計(jì)菜單設(shè)計(jì) 菜單條菜單條 菜單菜單 菜單項(xiàng)菜單項(xiàng) 下拉式菜單下拉式菜單 彈出式菜單彈出式菜單 啟動(dòng)菜單編輯器啟動(dòng)菜單編輯器 菜單編輯器簡(jiǎn)介菜單編輯器簡(jiǎn)介 菜單編輯器中各項(xiàng)的使用菜單編輯器中各項(xiàng)的使用 大連理工大學(xué)出版社3.10 3.10 菜單設(shè)計(jì)菜單設(shè)計(jì)標(biāo)題文本框標(biāo)題文本框快捷鍵與幫助快捷鍵與幫助

19、上下文列表框上下文列表框名稱與索名稱與索引文本框引文本框上、下、左、上、下、左、右按鈕右按鈕4個(gè)復(fù)選個(gè)復(fù)選項(xiàng)項(xiàng)菜單列表框菜單列表框大連理工大學(xué)出版社3.10 3.10 菜單設(shè)計(jì)菜單設(shè)計(jì) (1) (1) 設(shè)計(jì)菜單的結(jié)構(gòu)：設(shè)置菜單項(xiàng)及各菜單項(xiàng)的子菜單。設(shè)計(jì)菜單的結(jié)構(gòu)：設(shè)置菜單項(xiàng)及各菜單項(xiàng)的子菜單。 (2) (2) 用菜單編輯器建立各菜單項(xiàng)。用菜單編輯器建立各菜單項(xiàng)。 (3) (3) 為菜單項(xiàng)編寫(xiě)事件過(guò)程代碼。為菜單項(xiàng)編寫(xiě)事件過(guò)程代碼。大連理工大學(xué)出版社3.11 3.11 多窗體程序設(shè)計(jì)多窗體程序設(shè)計(jì) 1. 1.單窗體界面：?jiǎn)未绑w界面： 只使用一個(gè)窗體界面（大多簡(jiǎn)單的應(yīng)用程序采用）。只使用一個(gè)窗體界

20、面（大多簡(jiǎn)單的應(yīng)用程序采用）。 2.2.多窗體界面：多窗體界面： 具有多個(gè)窗體界面，每個(gè)窗體都可以有自己的界面元素和相應(yīng)的具有多個(gè)窗體界面，每個(gè)窗體都可以有自己的界面元素和相應(yīng)的程序代碼，可以完成不同的操作（大型工程采用）。程序代碼，可以完成不同的操作（大型工程采用）。大連理工大學(xué)出版社演示程序演示程序本程序由四個(gè)窗體組成，如下圖。本程序由四個(gè)窗體組成，如下圖。a a為啟動(dòng)窗體，為啟動(dòng)窗體，b b為程序的主窗為程序的主窗口，口，c c為攝氏華氏溫度轉(zhuǎn)換，為攝氏華氏溫度轉(zhuǎn)換，d d為字體變化。為字體變化。abcd3.11 3.11 多窗體程序設(shè)計(jì)多窗體程序設(shè)計(jì)大連理工大學(xué)出版社3.12 3.12

21、 多文檔界面多文檔界面 一、一、MDIMDI的概念及其特性的概念及其特性 1.1.多文檔界面（多文檔界面（MDIMDI）概念）概念 在單個(gè)容器窗體中包含多個(gè)子窗體的用戶界面。在單個(gè)容器窗體中包含多個(gè)子窗體的用戶界面。 WindowsWindows應(yīng)用程序的用戶界面樣式主要有兩種：一種是單文檔界面應(yīng)用程序的用戶界面樣式主要有兩種：一種是單文檔界面（Single Document InterfaceSingle Document Interface，SDISDI），另一種是多文檔界面），另一種是多文檔界面（Multiple Document InterfaceMultiple Document I

22、nterface，MDIMDI）。在）。在WINDOWSWINDOWS操作系統(tǒng)中的記操作系統(tǒng)中的記事本（事本（NotepadNotepad）應(yīng)用程序就是一個(gè)典型的單文檔界面應(yīng)用程序。）應(yīng)用程序就是一個(gè)典型的單文檔界面應(yīng)用程序。容器和容器中的子對(duì)象之間的關(guān)系是包含與被包含的關(guān)系。子對(duì)象僅容器和容器中的子對(duì)象之間的關(guān)系是包含與被包含的關(guān)系。子對(duì)象僅僅存在于包含它的容器對(duì)象中，即它們不能移到容器對(duì)象的外面；當(dāng)僅存在于包含它的容器對(duì)象中，即它們不能移到容器對(duì)象的外面；當(dāng)容器對(duì)象被刪除時(shí)，包含于該容器中的所有子對(duì)象也將同時(shí)被刪除。容器對(duì)象被刪除時(shí)，包含于該容器中的所有子對(duì)象也將同時(shí)被刪除。MDIMDI窗體可作為應(yīng)用程序背景的窗口，也是同一工程中其它窗體可作為應(yīng)用程序背景的窗口，也是同一工程中其它 MDIChild MDIChild 屬性設(shè)置為屬性設(shè)置為 True True 的窗體的容器。的窗體的容器。大連理工大學(xué)出版社3.12 3.12 多文檔界面多文檔界面 2.MDI 2.MDI應(yīng)用程序的特點(diǎn)：應(yīng)用程序的特點(diǎn)： （1 1）在）在MDIMDI應(yīng)用程序中至少有兩類窗體：父窗體和子窗體。父應(yīng)用程序中至少有兩類窗體：父窗體和子窗體。父窗體窗體(MDI(MDI窗體窗體) )只能有一個(gè)，但可以同時(shí)有多個(gè)子窗體存在。只能有一個(gè)，但可以同時(shí)有多個(gè)子窗體存在