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

1、大連理工大學(xué)出版社新世紀(jì)應(yīng)用型高等教育新世紀(jì)應(yīng)用型高等教育計算機(jī)類課程規(guī)劃教材計算機(jī)類課程規(guī)劃教材Visual BasicVisual Basic 程序設(shè)計程序設(shè)計（第二版）（第二版）第第3 3章章 常用控件與界面設(shè)計常用控件與界面設(shè)計大連理工大學(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)定時器系統(tǒng)定時器3.9 3.9 直線與形狀直線與形狀3.10 3.

2、10 菜單設(shè)計菜單設(shè)計3.11 3.11 多窗體程序多窗體程序設(shè)計設(shè)計3.12 3.12 多文檔界面多文檔界面大連理工大學(xué)出版社控件分類控件分類 控件按廣義可分為：內(nèi)部控件、控件按廣義可分為：內(nèi)部控件、ActiveX控件和可插入的對象控件和可插入的對象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 的獨立文件中。的獨立

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

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

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

6、 OLEOLE控件控件常用控件常用控件大連理工大學(xué)出版社3.13.1 用來在窗體內(nèi)添加命令按鈕。運行時用戶單擊此按鈕，則執(zhí)行用來在窗體內(nèi)添加命令按鈕。運行時用戶單擊此按鈕，則執(zhí)行一段代碼。一段代碼。1 1常用屬性常用屬性 大連理工大學(xué)出版社3.13.12 2選定命令按鈕的方法選定命令按鈕的方法方法方法 事件事件 大連理工大學(xué)出版社命令按鈕的程序示例命令按鈕的程序示例Private Sub Command1_Click() Label1.Caption = 報效祖國 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 ：最大長度屬性最大長度屬性 MultiLine MultiLine ：多行屬性多行屬性 PasswordChar PasswordChar ：密碼屬性密碼屬性 ScrollBars ScrollBars ：滾動條屬性滾動條屬性 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) 框架控件：用作其他控件的容器，并將這些控件對象分成可標(biāo)框架控件：用作其他控件的容器，并將這些控件對象分成可標(biāo)識的控件組。例如：用識的控件組。例如：用FrameFrame控件分隔控件分隔OptionButtonOptionButton控件組?？丶M。 結(jié)合框架和選項按鈕組結(jié)合框架和選項按鈕組( (或復(fù)選框組或復(fù)選框組) )：在窗體上可以創(chuàng)建選項：在窗體上可以創(chuàng)建選項組。組。 1.1.常用屬性常用屬性 CaptionCaption屬性屬性 設(shè)置框架的標(biāo)題。若設(shè)置為設(shè)置框架

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

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

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

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

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

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

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

17、derStyle :BorderStyle : 7 7種不同的設(shè)置值，對應(yīng)著種不同的設(shè)置值，對應(yīng)著7 7種不同的直線樣式。種不同的直線樣式。 BorderColor :BorderColor : 設(shè)置直線的顏色。設(shè)置直線的顏色。 BorderWidth :BorderWidth : 設(shè)置直線的粗細(xì)，缺省時以像素設(shè)置直線的粗細(xì)，缺省時以像素(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è)計菜單設(shè)計 菜單條菜單條 菜單菜單 菜單項菜單項 下拉式菜單下拉式菜單 彈出式菜單彈出式菜單 啟動菜單編輯器啟動菜單編輯器 菜單編輯器簡介菜單編輯器簡介 菜單編輯器中各項的使用菜單編輯器中各項的使用 大連理工大學(xué)出版社3.10 3.10 菜單設(shè)計菜單設(shè)計標(biāo)題文本框標(biāo)題文本框快捷鍵與幫助快捷鍵與幫助

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

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

21、 多文檔界面多文檔界面 一、一、MDIMDI的概念及其特性的概念及其特性 1.1.多文檔界面（多文檔界面（MDIMDI）概念）概念 在單個容器窗體中包含多個子窗體的用戶界面。在單個容器窗體中包含多個子窗體的用戶界面。 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)用程序就是一個典型的單文檔界面應(yīng)用程序。）應(yīng)用程序就是一個典型的單文檔界面應(yīng)用程序。容器和容器中的子對象之間的關(guān)系是包含與被包含的關(guān)系。子對象僅容器和容器中的子對象之間的關(guān)系是包含與被包含的關(guān)系。子對象僅僅存在于包含它的容器對象中，即它們不能移到容器對象的外面；當(dāng)僅存在于包含它的容器對象中，即它們不能移到容器對象的外面；當(dāng)容器對象被刪除時，包含于該容器中的所有子對象也將同時被刪除。容器對象被刪除時，包含于該容器中的所有子對象也將同時被刪除。MDIMDI窗體可作為應(yīng)用程序背景的窗口，也是同一工程中其它窗體可作為應(yīng)用程序背景的窗口，也是同一工程中其它 MDIChild MDIChild 屬性設(shè)置為屬性設(shè)置為 True True 的窗體的容器。的窗體的容器。大連理工大學(xué)出版社3.12 3.12 多文檔界面多文檔界面 2.MDI 2.MDI應(yīng)用程序的特點：應(yīng)用程序的特點： （1 1）在）在MDIMDI應(yīng)用程序中至少有兩類窗體：父窗體和子窗體。父應(yīng)用程序中至少有兩類窗體：父窗體和子窗體。父窗體窗體(MDI(MDI窗體窗體) )只能有一個，但可以同時有多個子窗體存在。只能有一個，但可以同時有多個子窗體存在