第2章VB的界面設計.ppt

1、第 2 章 VB的界面設計,10:04,CSE.CSLG.CN,2,窗體和控件是創(chuàng)建一個VB應用程序界面的基本構造模塊 ： 窗體是一種對象，它是放置其他所有控件的容器，其本身有著自己的屬性、方法和事件。 控件是放置在窗體中的對象，不同類型的控件有著不同的屬性、方法和事件，以適用于不同的目的。,一個VB應用程序至少有一個窗體,10:04,CSE.CSLG.CN,3,2.1 窗體,窗體對象是創(chuàng)建 VB應用程序的基 礎。是用戶與應 用程序進行交互 操作的實際窗口。,10:04,CSE.CSLG.CN,4,2.1.1 窗體的屬性,常用屬性 1Name（屬性窗口中為“（名稱）”） 創(chuàng)建的對象名稱,有默認

2、的名。在程序中，控件名是作為對象的標識而引用，不會顯示在窗體上。 2Caption：窗體標題 窗體標題是出現(xiàn)在窗體標題欄的文本內(nèi)容。缺省名使用窗體名。,窗體對象命名規(guī)則：窗體名稱以字母開頭，可包含數(shù)字和下劃線， 但不能含空格和標點符號，長度不得超過40個字符。,10:04,CSE.CSLG.CN,5,3BackColor與ForeColor 窗體的背景色與前景色。用鼠標單擊該屬性右側帶有“”省略號的按鈕，可從彈出的調(diào)色板上選定顏色。 4BorderStyle：窗體邊框風格 BorderStyle屬性決定了窗體的主要特征，即窗體外觀。該屬性只能通過屬性窗口設置。,10:04,CSE.CSLG.C

3、N,6,5Enabled：活動屬性 Enabled屬性允許在程序運行時使對象成為有效或無效。取值有兩種：True（有效，這是缺省值）和False（無效）。 6Visible：可視屬性 Visible屬性決定對象是否可見。True（可見，這是缺省值）和False（不可見）。 7Font：字體屬性 Font屬性用于設置或改變窗體上正文的字體、字型、字號等。,10:04,CSE.CSLG.CN,7,8Left、Top、Height和Width屬性：決定窗體位置和大小 單位均為Twip（緹）。 Twip是長度單位， 1440Twip = 1英寸。 9Icon：圖標屬性 定義運行時窗體處于最小化時顯示的

4、圖標。所加載的文件必須具有.ico擴展名和格式。,大部分屬性既可以通過屬性窗口設置，也可以在運行時由代碼來 設置；但有些屬性只能在屬性窗口設置或者只能通過程序代碼設置。,10:04,CSE.CSLG.CN,8,2.1.2 窗體的方法,窗體的方法也就是窗體所具有的行動方式。窗體上常用的方法有：,10:04,CSE.CSLG.CN,9,2.1.3 窗體的事件,窗體可以響應的常用事件： 1Activate/Deactivate事件 每當一個窗體被激活時，就會產(chǎn)生一個Activate事件；當另一個窗體或應用程序被激活時，原先處于活動的窗體就會產(chǎn)生Deactivate事件。 2Load/Unload事件

5、 窗體被裝載時發(fā)生Load事件；當使用控制菜單中的“關閉”命令或用Unload語句關閉該窗體時，發(fā)生從屏幕上卸載窗體的Unload事件。,10:04,CSE.CSLG.CN,10,3Click/DblClick事件 單擊窗體的空白區(qū)域或無效控件時發(fā)生Click事件；雙擊窗體的空白區(qū)域或無效控件時發(fā)生DblClick事件。 4Resize事件 當窗體第一次顯示或窗口狀態(tài)發(fā)生改變。,10:04,CSE.CSLG.CN,11,2.1.4 與窗體相關的操作語句,1Load裝載窗體語句 功能：把窗體（或其他對象）載入內(nèi)存，但并不顯示它；語句格式：Load Object (Object是對象名) 注意：該

6、方法將引發(fā)窗體的Load事件。 2Unload卸載窗體語句 功能：把窗體（或其他對象）從內(nèi)存卸載； 語句格式：Unload Object (Object是對象名) 注意：該方法將引發(fā)窗體的UnLoad事件。,10:04,CSE.CSLG.CN,12,3End語句 功能：終止應用程序的執(zhí)行，并從內(nèi)存卸載所有窗體 ； 語句格式： End 注意：Unload語句與End語句的區(qū)別。Unload語句是卸載當前窗體，并引發(fā)對象的Unload事件；End語句將終止應用程序的執(zhí)行，并從內(nèi)存卸載所有窗體。,10:04,CSE.CSLG.CN,13,【例2.1】窗體顯示與隱藏的示例程序,在窗體1的“代碼編輯器”

7、窗口中輸入以下程序代碼： Private Sub Form_Click ( ) Form2.Show 顯示窗體2 Form1.Hide 隱藏窗體1 End Sub Private Sub Form_Load ( ) Label1.FontName = “幼圓” 將標簽對象字體設為幼圓 Label1.FontBold = True 將文字置為粗體 End Sub,在窗體2的“代碼編輯器”窗口中輸入以下程序代碼： Private Sub Form_Click ( ) Form2.Hide 隱藏窗體2 Form1.Show 顯示窗體1 End Sub Private Sub Form_Load (

8、) Caption = “窗體示例” 改變窗體2的標題 Label1.FontItalic = True 將標簽文字設置為斜體 End Sub,10:04,CSE.CSLG.CN,14,【例2.2】Unload與End使用示例,Private Sub CmdClose_Click（） Unload Me Me是系統(tǒng)保留字，代表當前窗體 End Sub Private Sub Form_Unload（） 在此輸入程序結束前，需要執(zhí)行的代碼 End End Sub,10:04,CSE.CSLG.CN,15,4Print方法 功能：可以將文本輸出到窗體、圖片框或打印機上； 語句格式： 對象名.Pri

9、nt 輸出列表 注意： （1）對象名可以是窗體（Form）、圖片框（PictureBox）或打印機（Printer）的名稱。省略對象名時，將輸出內(nèi)容輸出到當前窗體上。 例如：Print “VB程序設計” 在當前窗體上輸出 Picture1.Print “ VB程序設計” 在圖片框上輸出 （2）如果省略輸出列表，則輸出一個空行。 例如： Private Sub Form_Click() Print VB Print輸出空行 換行作用 Print 程序設計 End Sub,10:04,CSE.CSLG.CN,16,（3）輸出列表的各項之間可以用逗號“，”或分號“；”分隔。當采用逗號作分隔符時，每個

10、輸出項寬度為14個字符；當采用分號作分隔符時，每個輸出項以緊湊格式輸出，即數(shù)值輸出項的尾部自動 加一個符號位（正數(shù)為空格）。 例如： Private Sub Form_Click() a = 3: b = 4 Print a, b, a + b Print a, , b Print a=; a, b=; b 字符串輸出用于說明 End Sub （4）若語句行末尾沒有分隔符，則輸出當前輸出項后自動換行。若以分號或逗號結束，則輸出當前輸出項后不換行，下一個Print語句輸出的內(nèi)容將輸出在同一行上。,10:04,CSE.CSLG.CN,17,2.2 VB常用控件,控件是包括在窗體對象內(nèi)的對象； 每種

11、類型的控件都有自己的一套屬性、方法和事件 ； 在VB應用程序的設計階段，主要任務是建立用戶界面；,10:04,CSE.CSLG.CN,18,2.2.1 控件的基本操作,建立控件 方法1：在工具箱中的控件圖標上單擊，然后在窗體上用鼠標拖放出所需控件的大小。 方法2：在工具箱中的控件圖標上雙擊，在窗體中央就自動出現(xiàn)一個缺省大小的控件，然后根據(jù)需要移動控件或更改控件的大小。,10:04,CSE.CSLG.CN,19,選中控件 單擊窗體上放置的控件，即選中該控件。 如果需要同時選中多個控件，可按住Ctrl或Shift鍵再單擊需選中的多個控件； 在窗體上用鼠標拖曳出一個矩形框，則此矩形框所包圍的控件全部

12、被選中。,選中多個控件之后，在 屬性窗口中只顯示這些 控件共同具有的屬性。 如果修改屬性值，那些 被同時選中的所有控件 的屬性值都會發(fā)生相應 的改變。,10:04,CSE.CSLG.CN,20,改變控件大小 選中控件后，將出現(xiàn)8個小方塊。將鼠標指針移至控件四周的某個小方塊，拖放鼠標即可改變控件大小。 在控件的屬性窗口中修改Width和Height的屬性值。 通過VB工具欄的“格式”中的命令項協(xié)調(diào)控件的位置。,10:04,CSE.CSLG.CN,21,刪除、移動控件 刪除窗體中的控件：先選中要刪除的控件，然后按Delete鍵。 移動窗體中的控件：先選中控件，然后將鼠標指針移至控件上，按住左鍵拖動

13、鼠標即可改變控件位置；如果要精確設置控件位置，可在控件的屬性窗口中修改Top和Left的屬性值。,10:04,CSE.CSLG.CN,22,復制控件 選中控件; 執(zhí)行“編輯”菜單中的“復制”命令或者單擊工具欄上的“復制”按鈕； 執(zhí)行“編輯”菜單中的“粘貼”命令或者單擊工具欄上的“粘貼”按鈕。,10:04,CSE.CSLG.CN,23,2.2.2 控件的焦點和Tab鍵序,焦點 焦點就是接收用戶鼠標或鍵盤的能力。 一個對象具有焦點時，產(chǎn)生GotFocus事件；對象失去焦點時，產(chǎn)生LostFocus事件。 注意： （1）當一個對象的Enabled和Visible屬性均為True時，才能接收焦點。設置

14、一個對象焦點時，可以在程序代碼中使用SetFocus方法。 （2）框架(Frame)、標簽(Label)、菜單(Menu)、直線(Line)、形狀(Shape)、圖像框(Image)和計時器(Timer)等都不能接收焦點。 （3）窗體只有先用Show方法顯示后，然后才能使用SetFocus方法對該窗體或窗體上的控件設置焦點。,10:04,CSE.CSLG.CN,24,Tab順序 系統(tǒng)自動按順序為窗體中的每個控件指定一個Tab鍵序。 Tab鍵序反映在控件的TabIndex屬性中，其屬性值為0，1，2，。,10:04,CSE.CSLG.CN,25,2.2.3 控件的公共屬性,1. Name 控件對

15、象的名稱 2. Caption 控件的標題 3. Enabled 決定控件是否對用戶產(chǎn)生的事件做出響應 4. Visible 決定控件是否可見，默認值為True 5. Height，width，Top和Left Height和width屬性確定控件的高度和寬度。Top表示控件到窗體頂部的距離，Left表示控件到窗體左邊框的距離。,Name值不能在應用程序中修改,10:04,CSE.CSLG.CN,26,6. BackColor和ForeColor 設置控件的背景色和前景色 。 7.FontName，F(xiàn)ontSize，F(xiàn)ontBold，F(xiàn)ontItalic，F(xiàn)ontStrikethru和Font

16、Underline 件中顯示文本所用的字體、字號、是否粗體、是否斜體、是否加刪除線和是否帶下劃線 8. Font 控件中顯示的文本所用字體的樣式、大小、字體效果等,10:04,CSE.CSLG.CN,27,常用控件,文本框控件(TextBox) 標簽(Label) 命令按鈕（CommandButton） 單選按鈕（OptionButton)和復選按(CheckButton） 框架（Frame） 列表框(ListBox) 組合框(ComboBox) 圖片框(PictureBox)和圖像框(Image) 定時器（Timer）,10:04,CSE.CSLG.CN,28,2.2.4 文本框控件(Tex

17、tBox),文本框（TextBox）是一個文本編輯區(qū)域，用戶可以在該區(qū)域中輸入、編輯和顯示文本內(nèi)容。 常用屬性 1.Text 返回設置控件中包含的文本 2. MultiLine 返回或設置一個值，指示文本框控件是否能夠接受和顯示多行文本。 3. Alignment 設置或返回一個值，決定文本在控件中的對齊方式，缺省值為0，文本左對齊；若為1，文本右對齊；若為2，文本居中。 4. MaxLength 返回或設置一個值，它指出在文本框控件中文本的最大長度。 5. PasswordCha 確定在文本框中是否顯示用戶輸入的字符,10:04,CSE.CSLG.CN,29,事件 （1）Change事件：當

18、文本框的Text屬性發(fā)生變化，即文本的內(nèi)容發(fā)生變化時，就引發(fā)本事件。 （2）LostFocus事件：當鼠標指針（插入點）離開文本框時，引發(fā)本事件。 （3）Gotfacus事件：文本框獲得焦點時，引發(fā)本事件。 （4）Keypress事件：在文本框中輸入一個ASCII碼字符時，引發(fā)本事件。,10:04,CSE.CSLG.CN,30,方法 （1）Refresh方法：刷新文本框。 （2）Setfocus方法：設置焦點。通過本方法可使指定的文本框獲得焦點，也即成為當前文本框。獲得焦點的文本框中具有閃動的光標。,10:04,CSE.CSLG.CN,31,2.2.5標簽(Label),標簽(Label)主要

19、用來顯示比較固定的提示性信息。 常用屬性 1. Alignment 設置標簽中文本的對齊方式，共有3個可選項：0（左對齊，默認值），l（右對齊）和2（居中）。 2. AutoSize 確定標簽的大小是否根據(jù)標簽的內(nèi)容自動調(diào)整大小,默認值為False 。 3. BorderStyle 設置標簽的邊框，可以取兩種值，0表示無邊框（默認值），l表示有邊框。 4. BackStyle 設置標簽的背景模式，共有兩個選項，1表示標簽將覆蓋背景（默認值），0表示標簽是“透明”的。,10:04,CSE.CSLG.CN,32,事件 （1）Click（單擊） （2）DblClick（雙擊） 方法 （1）Refre

20、sh方法：刷新標簽框。 （2）Move方法：移動標簽。,10:04,CSE.CSLG.CN,33,2.2.6命令按鈕（CommandButton）,命令按鈕（CommandButton）用于接收用戶的操作信息，并引發(fā)應用程序的某個操作。 常用屬性 1. Default 用于設置“默認按鈕” 。 2. Cancel 用于設置“取消按鈕” 。 3. Style 設置命令按鈕的外觀 。,10:04,CSE.CSLG.CN,34,事件 命令按鈕最常用的事件是Click（單擊）事件，但不支持DblClick（雙擊）事件。 方法 命令按鈕常用的方法是SetFocus方法 。,10:04,CSE.CSLG.

21、CN,35,【例2.3】設計程序，實現(xiàn)兩個文本框內(nèi)容的交換 編寫程序代碼: Private Sub Command1_Click（）“交換”按鈕 t = text1Text Text1Text = Text2Text Text2Text = t End Sub,10:04,CSE.CSLG.CN,36,【例2.4】在窗體上建立兩個文本框和兩個命令按鈕 編寫程序代碼： Private Sub Text1_Change( ) 文本框1內(nèi)容改變時，時間發(fā)生 Text2Text=Text1Text End Sub Private Sub Command1_Click( ) “重新輸入”按鈕 Text1

22、Text= Text1SetFocus End Sub Private Sub Command2_Click( )“退出程序”按鈕 End End Sub,10:04,CSE.CSLG.CN,37,2.2.7單選按鈕(OptionButton)和復選按鈕(CheckButton),命令按鈕（CommandButton）用于接收用戶的操作信息，并引發(fā)應用程序的某個操作。 常用屬性 1. Value 用來表示單選按鈕或復選按鈕的狀態(tài) 在單選按鈕中：Value=0（False）表示沒被選擇 Value=1（True）表示被選擇 在復選框中： Value=0表示沒有選擇該復選框 Value=1表示選中

23、該框 Value=2表示該復選框被禁用（灰色）,10:04,CSE.CSLG.CN,38,2. Alignment 用來設置指定復選框或單選按 鈕的顯示方式 Alignment=0（默認）控件居左，標題在控件右側顯示。 Alignment=1 控件居右，標題在控件左側顯示。 3. Style 用來設置指定復選框或單選按鈕的 顯示方式 Style=0（默認）標準方式，即同時顯示控件和標題。 Style=1 圖形方式，控件用圖形的樣式顯示。 事件 單選按鈕和復選按鈕均可響應單擊（Click）事件。,10:04,CSE.CSLG.CN,39,【例2.5】單選按鈕和復選按鈕應用示例 事件過程如下： P

24、rivate Sub ChkCxT_Click() Private Sub ChkXHX_Click() “粗斜體”復選按鈕 “下劃線”復選按鈕 If ChkCXT.Value = 1 Then If ChkXHX.Value = 1 Then Txt1.FontBold = True Txt1.FontUnderline = True Txt1.FontItalic = True Else Else Txt1.FontUnderline = False Txt1.FontBold = False End If Txt1.FontItalic = False End Sub End If En

25、d Sub Private Sub OptHT_Click() Private Sub OptST_Click( ) “黑體”復選按鈕 “宋體”復選按鈕 Txt1.FontName = “黑體” Txt1.FontName = 宋體 End Sub End Sub,10:04,CSE.CSLG.CN,40,2.2.8框架（Frame）,框架控件可從功能上把在其范圍之內(nèi)的相關控件組織在一起?？蚣艿膶傩?、可響應的事件與窗體基本相同，方法有Move、Refresh等。,將控件置于框架中的兩種方法（推薦用第一種） (1) 先畫出框架，再將其它控件放到框架中。 (2) 若先畫控件后畫框架，可“剪切”框架

26、外的控件再“粘貼”到框架中。,10:04,CSE.CSLG.CN,41,2.2.9列表框(ListBox),列表框(ListBox)用于列出可供用戶選擇的項目，用戶可從中選擇一個或多個選項。 常用屬性 List 該屬性是一個字符 型數(shù)組，用于存放列表框的表項。 2. ListCount 返回列表框中 表項的數(shù)目 3. ListIndex 返回已選定表 項的索引,10:04,CSE.CSLG.CN,42,4. Text 存放當前選定表項的文本內(nèi)容 5. Selected 本屬性是一個邏輯值，表示列表框中某一表項是否被選中 6. Sorted 設置列表框中各表項在運行時是否按字母順序排列 7. C

27、olumns 確定列表框是水平滾動還是垂直滾動，以及列表中表項的顯示方式 8. Style 確定列表框控件的樣式,10:04,CSE.CSLG.CN,43,事件 列表框可接收Click，DblClick等事件。 方法 （1）AddItern：把一個列表項加入到列表框中。 語法格式為： 對象AddItem 列表項，索引 （2）Clear和RemoveItem ：用于刪除表項。 語法格式如下： 對象 Clear 刪除全部表項 對象 RemoveItem 索引值 刪除由索引指定的表項,10:04,CSE.CSLG.CN,44,【例2.6】 事件過程如下： Private Sub Form_Load(

28、)將表項添加到列表框中 List1.AddItem 北京 List1.AddItem 上海 List1.AddItem 天津 List1.AddItem 重慶 List1.AddItem 太原市 List1.AddItem 石家莊 List1.AddItem 武漢市 End Sub,10:04,CSE.CSLG.CN,45,Private Sub List1_Click() List2.AddItem List1.Text 在列表框2中添加選中的表項 List1.RemoveItem List1.ListIndex 刪除列表框1中選中的表項 End Sub Private Sub Comman

29、d1_Click() EndEnd Sub,10:04,CSE.CSLG.CN,46,2.2.10組合框(ComboBox),組合框?qū)嶋H上是列表框和文本框的組合。用戶自己能輸入列表中不包括的內(nèi)容。 常用屬性 style 該屬性取值為0，1或2，分別決定了組合框的3種不同類型，即下拉組合框(默認)、簡單組合框和下拉列表框 。,10:04,CSE.CSLG.CN,47,2. Text 該屬性的值是用戶所選定的表項或直接從文本框輸入的表項。 事件 1.第種組合框可響應雙擊（DblClick）事件； 2. 和兩種組合框可響應單擊（Click）事件，同時在編輯表項時可引發(fā)Change事件。 方法 用于列表框的方法，也適用于組合框。,10:04,CSE.CSLG.CN,48,2.2.11圖片框(PictureBox)和圖像框(Image),圖片框(PictureBox)和圖像框(Image)都用于顯示圖形，它們可以顯示.bmp（位圖），.ico（圖標），.wmf（圖元），.gif和.jpg等類型的圖形文件。 常用屬性 1. Picture 用于設置在圖片框中要顯示的圖像文件 2. AutoSize 確定圖片框如何與圖形相適應 3. Stretch屬性（適用于圖像框） 設置加載的圖形是否可自動調(diào)整尺寸以適應圖像框的大小,圖片框可以作為其他控件的容器，可在其中放