VB用戶界面設計

1、第三章第三章 用戶界面設計用戶界面設計 3.1 窗體對象窗體對象 窗體是應用程序的設計場所，可以包括多個控件。窗體就像一個可調整大小的繪圖板，可繪制多種對象，形成美觀的用戶界面。 3.1.1窗體的結構窗體的結構 3.1.2窗體的屬性窗體的屬性 通過修改窗體的屬性可以改變窗體內在或外在的結構特征，控制窗體的外觀。 例例3-1設計一程序，程序進入運行狀態(tài)后，自動將窗體的大小設置為屏幕大小的一半并使窗體居中顯示，并且在窗體上裝載一幅圖片。點擊窗體時窗體上的圖片消失，窗體的背景色會隨機發(fā)生變化。 3.1.3設置啟動窗體設置啟動窗體 3.1.4 窗體的事件窗體的事件 1.鼠標事件 例例3-3編寫程序在窗

2、體上畫圓，要求按下shift鍵時以鼠標左鍵按下時的坐標點為圓心，以鼠標釋放時的坐標與圓心點之間的距離為半徑畫圓。 2. 鍵盤事件 3. 系統(tǒng)事件（1）Load 事件 （2） Unload事件 （3）Activate和Deactivate事件（4）Initialize事件 3.1.5窗體常用的方法窗體常用的方法 1. Cls方法方法 2. Move方法方法 3. Show方法和方法和Hide方法方法 3.2 標簽與文本框標簽與文本框 3.2.1 標簽（Label） 標簽控件的一般功能是顯示文本信息。程序運行時，它顯示的文字用戶不能直接修改。 例例3-4設計一程序，窗體上有兩個標簽框和一個命令按鈕

3、。程序運行時，點擊命令按鈕，標簽框尺寸自動發(fā)生變化，以適應其需要顯示的內容。 3.2.2 文本框(TextBox) 文本框（TextBox）是一種通用控件，可以由用戶輸入或顯示文本信息。 例例3-5編寫一程序，由用戶從鍵盤上輸入兩個數，然后求這兩個數的和，并將結果顯示出來。 例例3-6設置密碼。編寫程序實現用戶名和密碼檢驗功能。如果用戶輸入的名字和密碼正確，則進入歡迎界面，否則給出錯誤提示，并要求重新輸入。 3.3 計時器計時器 計時器（Timer）控件可以每隔一定的時間就產生一次Timer事件，可以根據計時器的這一特點控制某些操作，或用于計時。 例例3-7利用計時器控件在窗體上設計一數字時鐘

4、。 例例3-8一個簡單計時器。按“開始”按鈕，開始計時，按鈕變?yōu)椤袄^續(xù)”。按“暫?！卑粹o，停止計時，顯示記錄的時間數。在任何時候按“重置”按鈕，時間讀數都將重置為0。 例例3-9為應用程序設計一界面，界面上的“歡迎參加水平考試”標題從右向左反復移動。 3.4 命令按鈕、單選紐、復選框和框架命令按鈕、單選紐、復選框和框架 3.4.1 命令按鈕命令按鈕 1. 使用命令按鈕的Enabled屬性。 例例3-10設計一個倒計時程序，窗體上有一標簽用于顯示剩余時間，兩個命令按鈕用于控制倒計時。當單擊命令按鈕“開始計時”后，計時器開始計時，同時此命令按鈕變成淺灰色，表示“失效”。若按“暫停計時”命令按鈕，則

5、計時器停止計時，此時“暫停計時”按鈕失去作用，而“開始計時”按鈕恢復原狀，可以使用。 2.使用命令按鈕的Default屬性和Cancel屬性。 例例3-11 設計一個程序，窗體中有兩個命令按鈕和一個標簽框。程序運行后若單擊“確定(OK)”，或按回車鍵，則標簽框中顯示當天日期，單擊“撤消(Esc)”命令按鈕就結束程序運行。 3.4.2 單選按鈕單選按鈕(OptionButton) 例例3-12設計一程序，用戶界面由4個單選紐、1個標簽和一個命令按鈕組成。程序運行后，單擊某個單選鈕，就可以將它對應的內容（星期、日期、月份或年份）顯示在標簽框中。 3.4.3 復選框復選框(CheckBox) 例例3

6、-13設計一程序，通過復選框來控制用戶界面上的文本框中文字的字體、字型、顏色和大小。 3.4.4 框架（框架（Frame） 例例3-14重新設計例3-13的用戶界面，用框架控件將9個單選按鈕分為3組，一組用來改變文本框中文字的字體；一組用來改變字的大??；一組用來改變字的顏色。 3.5列表框、組合框和滾動條列表框、組合框和滾動條 3.5.1列表框列表框 VB提供的列表框控件，可以列出若干選項供用戶從中任意選擇，并對其作某種處理。 例例3-15編寫一應用程序來判斷任意選定的一個數是否是素數，程序運行時，在窗體上的列表框中列出了1000個整數，用戶點擊任意一個數，程序就判斷該數是否是素數，并把判斷結

7、果顯示在標簽框中。 3.5.2 組合框組合框 組合框實際上是將列表框和文本框的功能綜合而成的，既可以像列表框一樣讓用戶選擇其中的選項，又能像文本框一樣，由用戶輸入自己指定的內容。 例例3-16 “同構數”是指這樣的整數：它恰好出現在其平方數的右端，例如5和6就是同構數。現要求編寫一程序，由用戶選擇或輸入一個兩位或三位整數，程序能判別它是否是同構數。 3.5.3 滾動條滾動條 滾動條是一種常用來取代用戶輸入的控件，特別適用于不需要精確輸入數據的場合。 1 Min、Max屬性 2Value屬性 3LargeChange屬性 4 SmallChange屬性 5Change和Scroll事件 例例3-

8、17設計一應用程序，通過滾動條來改變用戶界面上文本框中文字的大小和顏色。 3.6 圖片框與圖像框圖片框與圖像框 3.6.1 圖片框圖片框 圖片框（PictureBox）控件可以用來顯示圖片、作為其它控件的容器、顯示用圖形方法輸出的圖形以及用Print方法輸出的文本。 例例3-18在窗體上添加一圖片框Picture1和兩個命令按鈕，運行時，單擊“顯示”按鈕，程序把一指定的圖片裝入圖片框，并在圖片框中輸出一行文字。 3.6.2 圖像框圖像框 圖像框(Image)也可以用來裝入圖形文件，具體的使用方法與圖片框類似。 注意圖像框與圖片框有一些不同之處。 3.7 圖形控件與方法圖形控件與方法 VB提供了

9、兩種繪圖方式：一是使用繪圖控件如Line控件和Shape控件；二是使用繪圖方法，如Line方法、Circle方法和Pset方法等。 3.7.1 繪圖控件繪圖控件 VB的圖形控件主要有兩個，它們是畫線控件Line和形狀控件Shape。 例例3-19 利用畫線控件和形狀控件設計一指針式秒表如圖3-21所示。程序啟動后，點擊窗體上的“開始”按鈕，表的指針開始轉動，每秒動一下，一分鐘轉一圈。指針轉動時，命令按鈕的標題變?yōu)椤皶和！?，如果此時再點擊命令按鈕，指針停止轉動。命令按鈕的標題又變?yōu)椤袄^續(xù)”，再點擊，指針又開始轉動。 3.7.2 圖形的坐標系統(tǒng)圖形的坐標系統(tǒng) 每一個圖形操作(包括調整大小、移動和繪

10、圖)，都要使用繪圖區(qū)或容器的坐標系統(tǒng)。坐標系統(tǒng)是一個二維網格，可定義屏幕上、窗體中或其他容器中(如圖片框或Printer對象)的位置。 任何容器的缺省坐標系統(tǒng)，都是由容器的左上角(0，0)坐標開始。 1坐標單位坐標單位 坐標單位即坐標的刻度，缺省的坐標系統(tǒng)采用twip為單位。下面的語句代碼使窗體的坐標單位改為毫米： Scalemode = VbMillimeters 2坐標方法坐標方法 使用Scale方法也可以設置用戶的坐標系統(tǒng)，其語法格式為 Scale (x1，y1) - (x2，y2) 3.7.3 常用圖形方法常用圖形方法1.Line方法方法 Line方法用于畫直線和矩形，語法格式如下：

11、對象對象 Line Step (x1, y1) Step (x2, y2), color, BF 2. Circle方法方法 Circle方法用于畫圓、橢圓、圓弧和扇形，其語法格式如下： . Circle Step (x, y), radius, color, start, end , aspect3. Pset方法方法 Pset方法用于在窗體或圖片框的指定位置（x, y）上，按規(guī)定的顏色畫點，其語法格式如下： 對象對象. Pset Step (x, y), color 例例3-20 利用Pset方法或Line方法均可以畫出任意曲線。下面用Pset方法在圖片框中繪制阿基米德螺旋線，用Line方

12、法畫一正弦曲線。 3.8 公用對話框公用對話框 “公共對話框”(Common Dialog)控件為用戶提供了一組標準的系統(tǒng)對話框，可以使用它進行打開或保存文件、設置打印選項、選擇各種顏色以及選擇字體等的操作。另外還可以通過調用Windows幫助引擎來顯示應用程序的幫助。3.8.1 添加添加“公用對話框公用對話框”控件控件 3.8.2使用使用“公共對話框公共對話框” 公共對話框可以提供6種形式的對話框。在顯示出公用對話框前，應通過設置Action屬性或調用Show方法來選擇。 1.使用保存文件對話框和打開文件對話框。使用保存文件對話框和打開文件對話框。 例例3-21編寫程序，使用保存文件對話框建

13、立一個數據文件。然后再使用打開文件對話框打開該數據文件，并利用該文件的數據作圖。 2. 使用顏色對話框和字體對話框使用顏色對話框和字體對話框 例例3-22利用顏色對話框和字體對話框來改變界面上文本框中文字的顏色和字體。 3.9 控件數組控件數組3.9.1控件數組的概念控件數組的概念 如果在應用程序中用到一些類型相同且功能類似的控件，就可以這些相同的控件定義為一個數組來使用，這種數組就是為控件數組。3.9.2 創(chuàng)建和使用控件數組創(chuàng)建和使用控件數組 控件數組是通過設置對象的 Index 屬性來創(chuàng)建的。一般情況下，每個控件的 Index 屬性值為空，只要將控件的 Index 屬性值設置為非空(比如0)，則該控件就被定義成了一個控件數組 。 例例323 建立一個包含4個命令按鈕的控件數組，單擊每個命令按鈕時，能分別顯示直線、矩形、圓形或結束操作。 3.10 多文檔窗體多文檔窗體 3.10.1界面樣式界面樣式 Windows應用程序的用戶界面樣式主要有兩種：一種是單文檔界面(Single Document Interface, SDI)，另一種是多文檔界面(Multiple Document Interface,MDI)。 MDI是指一個窗體中能夠建立多個子窗體，即允許用戶同時訪問多個文檔，每