第3章 常用控件及界面設計

1、大連理工大學出版社新世紀應用型高等教育新世紀應用型高等教育計算機類課程規(guī)劃教材計算機類課程規(guī)劃教材Visual BasicVisual Basic 程序設計程序設計（第二版）（第二版）第第3 3章章 常用控件與界面設計常用控件與界面設計大連理工大學出版社本章主要內(nèi)容本章主要內(nèi)容控件綜述控件綜述3.1 3.1 命令按鈕命令按鈕3.2 3.2 文本框文本框3.3 3.3 復選框與單選按鈕復選框與單選按鈕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 菜單設計菜單設計3.11 3.11 多窗體程序多窗體程序設計設計3.12 3.12 多文檔界面多文檔界面大連理工大學出版社控件分類控件分類 控件按廣義可分為：內(nèi)部控件、控件按廣義可分為：內(nèi)部控件、ActiveX控件和可插入的對象控件和可插入的對象3 3種。種。 1.1.內(nèi)部標準控件內(nèi)部標準控件 這些控件都存在于這些控件都存在于Visual Basic的的. .exe 文件中，內(nèi)部控件總是出現(xiàn)文件中，內(nèi)部控件總是出現(xiàn)在工具箱中。在工具箱中。 2.ActiveX 2.ActiveX 控件控件 是標準控件的擴充，存在于擴展名為是標準控件的擴充，存在于擴展名為 . .ocx 的獨立文件中。的獨立

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

4、提供了組成WindowsWindows應用程序窗口或?qū)υ拺贸绦虼翱诨驅(qū)υ?框的諸如文本框、列表框、命令按鈕等控件?？虻闹T如文本框、列表框、命令按鈕等控件。 VB6.0VB6.0中的常用控件見下圖所示：中的常用控件見下圖所示：控件概述控件概述大連理工大學出版社 PointerPointer指針指針 PicturePicture圖片框圖片框 LabelLabel標簽標簽 TextBoxTextBox文本框文本框 FrameFrame框架框架 CommandButtonCommandButton命令按鈕命令按鈕 CheckBoxCheckBox復選框復選框 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控件控件常用控件常用控件大連理工大學出版社3.13.1 用來在窗體內(nèi)添加命令按鈕。運行時用戶單擊此按鈕，則執(zhí)行用來在窗體內(nèi)添加命令按鈕。運行時用戶單擊此按鈕，則執(zhí)行一段代碼。一段代碼。1 1常用屬性常用屬性 大連理工大學出版社3.13.12 2選定命令按鈕的方法選定命令按鈕的方法方法方法 事件事件 大連理工大學出版社命令按鈕的程序示例命令按鈕的程序示例Private Sub Command1_Click() Label1.Caption = 報效祖國 Command2.Enabled = True Command2.SetFocus Command1.Enabled = Fals

7、eEnd SubPrivate Sub Command2_Click() Label1.Caption = 努力學習 Command1.Enabled = True Command1.SetFocus Command2.Enabled = False End SubPrivate Sub Command3_Click() Unload MeEnd Sub 大連理工大學出版社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（文本選擇）屬性（文本選擇）屬性大連理工大學出版社 3.2 3.2 大連理工大學出版社3.3 3.3 復選框復選框(CheckBox)(CheckBox)。大連理工大學出版社3.3 3.3 單選鈕單選鈕( (O

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

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

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

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

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

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

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

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

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

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

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

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

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

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