常用控件與界面設計

常用控件與界面設計第1頁/共55頁2023/4/2窗體主要屬性Name（名稱）標識符，是程序代碼中使用的對象名。Caption（標題）字符型，設定或返回窗體標題欄中顯示的文本。BackColor（背景顏色）返回或設置背景顏色。ForeColor（前景顏色）返回或設定前景顏色。Height、Width（高、寬）數(shù)值型，返回或指定窗體的高度和寬度。Left、Top（左邊、頂邊位置）數(shù)值型，返回或確定窗體左上角的位置。第2頁/共55頁2023/4/2Borderstyle

設置窗體（對象）的邊框樣式，其值為0，1，2，3，4，5，分別表示窗體邊框的不同風格Enabled

決定對象是否活動Visible

決定對象是否可見Font

設置文本對象的字體、字型、字號等Moveable

決定窗體能否被移動Picture

返回或設置對象中的圖形第3頁/共55頁2023/4/2用不同的字體、字型和字號時在窗體顯示“歡慶北京奧運會勝利成功

”。例：歡慶北京奧運會勝利成功

。設計一個窗體，窗體的標題為“2008北京奧運會”，并為窗體加載一幅圖片。運行程序時，單擊窗體，用不同的字體、字型和字號時在窗體顯示“歡慶北京奧運會勝利成功!

”。第4頁/共55頁2023/4/2窗體事件

MicrosoftWindows操作系統(tǒng)連續(xù)地監(jiān)視每一個窗口的活動或事件的信號。事件可通過單擊鼠標或按下按鍵等操作產(chǎn)生，也可通過程序控制產(chǎn)生，還可由另一個窗口的操作產(chǎn)生。第5頁/共55頁2023/4/2窗體主要事件Click事件用鼠標單擊某個對象就觸發(fā)了Click事件，調(diào)用相應的事件過程。DblClick事件用鼠標雙擊某個對象就觸發(fā)了DblClick事件，調(diào)用相應的事件過程。Load事件Load是把窗體裝入內(nèi)存工作區(qū)時發(fā)生的事件。在缺省情況（AutoReDraw=False)下，Load事件過程是不能在窗體中顯示輸出的。Initialize事件對象的初始化事件第6頁/共55頁2023/4/2窗體主要事件Activate事件Load事件發(fā)生后，系統(tǒng)還會自動產(chǎn)生一個Activate事件。Activate事件過程處理完成后，程序進入“等待事件”狀態(tài)，當某一事件發(fā)生，就對其過程進行處理，之后再等待下一事件發(fā)生。UnLoad事件當用戶關(guān)閉窗體時，會發(fā)生一個Unload事件。Resize事件Resize事件是當程序運行后，窗體的大小被改變時觸發(fā)的事件。第7頁/共55頁2023/4/2Print方法格式：[對象名.]Print[表達式[，|；[表達式]…]]說明：（1）對象名可以是窗體、立即窗口、圖片框、打印機。（2）表達式可以是數(shù)值或字符串表達式。（3）當輸出多個表達式時用分隔符隔開。逗號：分區(qū)格式輸出，以14個字符為一區(qū)；分號或空格：緊湊格式輸出。（4）執(zhí)行Print方法時，命令行的末尾有逗號或分號，則下一次Print方法在同一行接著打印，否則下次Print方法另起一行。窗體主要方法第8頁/共55頁2023/4/2Cls方法格式：[<對象名>.]ClsCls用于清除由Print方法顯示的文本或在圖片框中顯示的圖形，并把光標移到對象的左上角（0，0）。窗體主要方法第9頁/共55頁2023/4/2Move方法格式：[對象名.]Move左邊距[,上邊距[,寬度[,高度]]]

Move方法可在程序中移動窗體和控件，并可以改變其大小。Hide隱藏對象Show顯示對象Refresh刷新對象（重畫對象）Printform打印窗體窗體主要方法第10頁/共55頁2023/4/2綜合運用

例：可擴大的窗體。設計一個窗體，窗體的標題為“可擴大的窗體”，在界面設計時為窗體加載一幅任意圖形,并使窗體居中顯示。運行程序時，單擊窗體使窗體的長和寬都擴大原來的1.5倍。

(startupposition屬性---居中顯示)例：變色窗體。設計一個窗體，窗體的標題為“變色窗體”。運行程序時，單擊窗體，使窗體變成綠色，同時在窗體上打印“歡迎學習VB!”。單擊窗體上的關(guān)閉按鈕，使窗體變成紅色，同時在窗體的標題輸出系統(tǒng)時間。第11頁/共55頁2023/4/2在windows應用程序或?qū)υ捒蛑?，?jīng)常用到一些部件，諸如文本框、列表框、命令按鈕、滾動條等常用控件。VB通過控件工具箱提供了這些控件。不同版本的VB提供的基本控件數(shù)量有所不同。下面介紹一些常用控件：

命令按鈕(CommandButton)控件

命令按鈕是最常使用的控件之一。命令按鈕最多設置的屬性是Caption，一般使用屬性窗口設置該屬性，以便修改命令按鈕的標題。命令按鈕最常使用的事件是Click。

3.2常用控件第12頁/共55頁2023/4/2命令按鈕屬性（1）（名稱）在程序中它是識別命令按鈕的標識符。窗體中第一個建立的命令缺省名稱是Command1，后續(xù)的命令按鈕缺省名稱分別是Command2、Command3等。名稱屬性為只讀屬性。只讀屬性的含義是，這樣的屬性只允許在界面設計時修改，在程序中不能修改這樣的屬性。（2）Caption屬性Caption屬性是字符串類型，是顯示在命令按鈕上的標題。即可以在界面設計時通過屬性窗口修改，也可以使用代碼設置。

第13頁/共55頁2023/4/2（3）Default屬性Default屬性是布爾類型，當命令按鈕的Default屬性設置為True時，按回車鍵等效于用鼠標單擊該按鈕。一個窗體只能有一個命令按鈕的Default屬性設置為True。命令按鈕的Default屬性缺省值為False。（4）Cancel屬性Cancel屬性是布爾類型，當命令按鈕的Cancel屬性設置為True時，按Esc鍵等效于用鼠標單擊該按鈕。一個窗體只能有一個命令按鈕的Cancel屬性設置為True。命令按鈕的Cancel屬性缺省值為False。

第14頁/共55頁2023/4/2（5）Style屬性和Picture屬性Style屬性決定命令按鈕的外觀，只能取0或1。當此屬性設置為0時，表示標準命令按鈕，該按鈕只能顯示文字，并且不能改變背景顏色和前景顏色，更不能顯示圖標。當此屬性設置為1時，表示圖形命令按鈕，圖形文字都能顯示，能改變背景顏色和前景顏色，也能顯示圖標。命令按鈕的Picture屬性同窗體的Picture屬性，用來顯示圖形。（6）ToolTipText屬性ToolTipText屬性是字符串類型，用于設置命令按鈕的提示信息，運行程序過程中，若鼠標指向命令按鈕并停留時，顯示命令按鈕ToolTipText的字符串。第15頁/共55頁2023/4/2（8）Enabled屬性Enabled屬性是布爾類型，用于設置命令按鈕是否可以操作，運行程序時，若命令按鈕的Enabled屬性設置為False，命令按鈕呈灰色，此時命令按鈕禁止操作。當命令按鈕的Enabled屬性設置為True時，允許用戶操作命令按鈕。（9）Visible屬性Visible屬性是布爾類型，用于設置命令按鈕是否可見。（10）其它屬性命令按鈕也有和大小、位置有關(guān)的屬性，有Height、Left、Top和Width。不同的是，窗體的Left和Top是相對于屏幕，命令按鈕的Left和Top是相對于窗體。另外，命令按鈕能夠輸出文字，因此有與Font相關(guān)的屬性。

第16頁/共55頁2023/4/2例3-2：窗口標簽上顯示不同的字符。設計一個窗體，在窗體上添加三個命令按鈕。運行程序時，單擊按鈕1后，按鈕1不能操作，并且標簽上顯示“報效祖國”。單擊按鈕2后，按鈕2不可以操作，并且標簽上顯示“努力學習”

。用鼠標單擊按鈕3，則運行結(jié)束。第17頁/共55頁2023/4/2命令按鈕事件命令按鈕它是用戶與程序交互的最簡便的方法。命令按鈕除最常使用的Click事件。命令按鈕常用到的事件有：MouseDown事件、MouseUp事件、MouseMove

事件等。

第18頁/共55頁2023/4/2標簽控件標簽控件（Label）也稱標簽或標簽框，是最常使用的控件之一，常用于輸出文本，顯示提示信息，用標簽控件輸出的文本、提示信息不能編輯、修改。所以標簽控件常用來輸出標題、顯示處理結(jié)果或標識那些不帶Caption屬性的控件，如下面講的TextBox控件。第19頁/共55頁2023/4/2標簽控件屬性（1）（名稱）屬性在界面設計時，用Name屬性設置標簽控件的名稱。隨著標簽控件的建立，系統(tǒng)賦給標簽控件的隱含名稱為Label1、Label2等，在隱含名稱中Label永遠保持不變，變化的是后邊的序號，能表示出是第幾個添加的標簽控件。在程序中對控件的操作，都是通過名稱來識別對象。（2）Caption屬性Caption屬性是字符串類型，用于設置該標簽控件的標題。該屬性值就是標簽控件要顯示的內(nèi)容，它既可以在屬性窗口中設定，也可用代碼改變控件顯示的內(nèi)容。第20頁/共55頁2023/4/2（3）Alignment屬性數(shù)值型，用于設置標題的對齊方式，可設置為0、1和2，其作用分別是：左對齊、右對齊和中間對齊。（4）AutoSize屬性AutoSize屬性是布爾類型，標簽的大小是否隨標題內(nèi)容的大小自動調(diào)整。當該屬性設置為True時，標簽的大小隨標題內(nèi)容自動調(diào)整，使標簽的大小正好適應標題，且不換行。當該屬性設置為False時，標簽的大小不隨標題內(nèi)容自動調(diào)整，標題超過標簽尺寸的部分不能顯示。缺省值為False。第21頁/共55頁2023/4/2（5）BorderStyle屬性數(shù)值型，用于設置邊框的樣式，只能取0或1，其作用如下：0－標簽無邊界線，缺省值。1－標簽有邊界線。（6）BackStyle屬性數(shù)值型，用于設置背景的樣式，只能取0或1，其作用如下：0－透明顯示，缺省值。1－不透明顯示。第22頁/共55頁2023/4/2文本框(TextBox)控件

文本框?qū)傩裕?）Text屬性Text屬性是字符串類型，用于設置文本框中顯示的文字。該屬性值是文本框要顯示的內(nèi)容，它既可以在屬性窗口中設定，也可用代碼改變控件顯示的內(nèi)容。（2）PasswordChar屬性PasswordChar屬性是字符串類型，用于設置文本框中顯示的字符，常用于口令輸入。（3）Maxlength最大長度屬性。缺省值為“0”，表示文本框可接受任意個數(shù)的字符。

第23頁/共55頁2023/4/2（4）Multiline屬性Multiline屬性是布爾類型，用于設置文本框中是否可以輸入多行文本。缺省值是False，此時文本框中只能輸入一行文本。當設置該屬性為True時，文本框可以輸入多行文本。當該屬性設置為False時，PasswordChar屬性才能發(fā)揮作用。（5）ScrollBars屬性ScrollBars屬性是數(shù)值型，用于設置文本框中是否有滾動條，什么樣的滾動條?？扇≈?、1、2、3，缺省值是0。

（6）alignment屬性對齊屬性，缺省值為“0”，表示將文本左對齊；若為“1”，將文本右對齊；若為2，則將文本居中。第24頁/共55頁2023/4/2文本框事件和方法文本框支持Click和DblClick事件，常用的事件還有：（1）Change事件在文本框中輸入信息或在程序中改變Text屬性值時，都會觸發(fā)該事件。（2）LostFocus事件按下Tab鍵或用鼠標單擊其它對象使焦點離開該文本框時，觸發(fā)該事件。（3）KeyPress事件當文本框具有焦點時，按下任意鍵，都會觸發(fā)該事件。通常可用該事件檢查輸入的字符。

第25頁/共55頁2023/4/2TextBox控件常用的方法有：SetFocus方法，其作用是把焦點設置到指定的對象，如：Text1.SetFocus將使當前窗體中的文本框text1能夠接收鍵盤輸入的字符。Refresh方法，刷新文本框的內(nèi)容第26頁/共55頁2023/4/2列表框?qū)傩裕?）Text屬性返回列表框被選擇的列表項目，是字符串類型。在列表框中該屬性為只讀屬性，界面設計階段不能修改。（2）ListIndex屬性設置或返回列表框被選擇的列表項的序號，是整型。在列表框中第一個列表項序號為0，第二個列表項序號為1，…，如果未選任何列表項目，則ListIndex的值為-1。（3）Listcount屬性返回列表框列表項的個數(shù)，是整型。

第27頁/共55頁2023/4/2（4）List屬性用于保存列表內(nèi)容，使用下列形式訪問表列：[對象名].List(列表項序號)字符串數(shù)組，每個元素都是列表框的一個列表項內(nèi)容。在界面設計時，利用List屬性可以輸入列表項目，在代碼中可以引用該數(shù)組。在Style為0或1時可以鍵入文本。（5）Sorted屬性確定列表項是否按升序排列，是邏輯型，通過屬性窗口設置。設置為True表示按升序排列列表項目，否則按增加先后次序排列。

第28頁/共55頁2023/4/2（6）MultiSelect屬性確定是否一次可選擇多個列表項，是整型，通過屬性窗口設置?？扇≈?、1和2，0表示每次只能選擇一項；1表示簡單多項選擇，一次可以選擇多項；2表示擴展多項選擇，按下Ctrl

或Shift鍵+鼠標單擊，一次可以選擇多項。（7）Selected屬性在支持多項選擇中，判斷被選擇的列表項。是邏輯型數(shù)組，在設計階段不可用，當數(shù)組元素為True時，表示該項被選擇，為False時，表示該項未被選擇。（8）名稱NAME和其他屬性第29頁/共55頁2023/4/2列表框的事件和方法1．列表框的事件列表框控接收Click事件、DblClick事件和LostFocus等事件，但大多數(shù)程序很少編寫DblClick事件過程。2.列表框的方法列表框可以使用的方法有AddItem、RemoveItem和Clear。利用它們可以在程序運行期間修改列表框的內(nèi)容。

AddItem:添加列表項。格式為：[Object.]AddItem〈列表項文本〉，[插入位置序號]RemoveItem:刪除列表項。格式為：[Object.]RemoveItem刪除項序號例3-3統(tǒng)計考試成績的程序示例。(書p27)第30頁/共55頁2023/4/2單選按鈕(OptionButton)控件

單選按鈕外觀是一個圓圈。運行程序時，若單擊單選按鈕，則圓圈中間會出現(xiàn)一個黑色的圓點，表示該項被選擇。一組單選按鈕只能有一個被選擇。

第31頁/共55頁2023/4/2單選按鈕的屬性（1）Value屬性Value屬性標志單選按鈕是否被選擇，若單選按鈕被選擇，則它的Value屬性值為True，未被選擇其值為False(缺省值)。（2）Caption屬性單選按鈕的標題，是字符串類型。（3）名稱和其他屬性

第32頁/共55頁2023/4/2單選按鈕的事件單選按鈕控件支持Click事件。運行程序時單擊單選按鈕，便觸發(fā)Click事件，若存在該按鈕的事件過程，將執(zhí)行此事件過程。通常不編寫這樣的事件過程。

第33頁/共55頁2023/4/2復選按鈕(CheckBox)控件

復選按鈕也稱檢查框，該控件可用來提供多項選擇，用戶可以從中選擇一個或多個，還可以一個也不選擇。復選按鈕外觀是一個小方框，若單擊某一個復選按鈕，則在小方框中間將出現(xiàn)“√”符號標記，表示該項被選擇。若再次單擊被選擇的復選按鈕，則取消對該復選按鈕的選擇。第34頁/共55頁2023/4/2復選按鈕的屬性（1）Value屬性復選按鈕Value屬性是數(shù)值型，其值為0表示未被選擇，其值為1表示被選擇，其值為2表示禁止用戶選擇，此時復選按鈕為灰色，0是缺省值。（2）Caption屬性復選按鈕的標題，是字符串類型。（3）名稱和其他屬性

第35頁/共55頁2023/4/2框架(Frame)控件

框架控件主要用于創(chuàng)建多個單選按鈕或復選按鈕組。在操作一個框架內(nèi)的單選按鈕時，不會影響該框架外的單選按鈕。框架是一個控件的容器，當框架設置為不能操作或不可見時，框架中的控件也變得不能操作或不可見。

第36頁/共55頁2023/4/2框架控件的屬性（1）Caption屬性框架控件的標題，是字符串類型。（2）名稱和其他屬性

第37頁/共55頁2023/4/2框架控件的事件框架控件支持Click事件，通常不編寫這樣的事件過程。在界面設計時，要先建立框架，然后在框架內(nèi)畫上其他控件。不要把框架外的控件拖動到框架內(nèi)，這樣的控件不屬于該框架的。

第38頁/共55頁2023/4/2圖片框和圖像框

圖片框和圖像框都能加載圖像文件。圖片框功能更強，它不僅可以顯示圖像，還可以用繪圖方法繪制圖形、用Print方法顯示文本，圖片框也能作為其他控件的容器。加載到這兩個控件上的圖像文件擴展名是：.Bmp、.Dib、.Ico、.Cur、.Emf、.Wmf或.Gif。第39頁/共55頁2023/4/2圖片框和圖像框的屬性（1）Picture屬性設置圖片框和圖像框要顯示的圖形。可在設計階段加載圖像文件，也可以在程序運行時加載圖像文件。（2）AutoSize屬性設置圖片框是否能自動改變大小以適應圖形，該屬性是邏輯型。當取值True時，圖片框隨著圖形實際大小自動調(diào)整尺寸以適應圖形的尺寸；若取值False時,圖片框不能改變大小，此時若圖片框小于圖形尺寸，圖形被裁剪。圖片框的AutoSize屬性缺省為False。

第40頁/共55頁2023/4/2（3）Stretch屬性設置能否自動改變圖形的大小以適應圖像框，該屬性是邏輯型。若取值True時,圖像框不能改變大小，此時圖形被壓縮或拉伸以適應圖像框；當取值False時，圖像框隨著圖形實際大小自動調(diào)整尺寸以適應圖形的尺寸。圖像框的Stretch屬性缺省為False。（4）名稱和其他屬性第41頁/共55頁2023/4/2在代碼中加載圖形要使用LoadPicture函數(shù)。把LoadPicture函數(shù)值賦給圖片框或圖像框的Picture屬性，便可實現(xiàn)在圖片框或圖像框中顯示圖形。一般使用的格式為：[對象名.]Picture=LoadPicture（"圖形文件名"）第42頁/共55頁2023/4/2圖片框和圖像框事件和方法圖片框和圖像框都支持Click和DblClick事件，但很少對它們編程。另外圖片框和窗體一樣支持MouseMove、MouseDown、MouseUp等事件。圖片框常用方法有：Cls方法和Print方法。此外還有PSet方法、Line方法、Circle方法，這里不作介紹。Cls方法用于清除圖片框中顯示的文字信息或用繪圖方法繪制的圖形。Print方法用于在圖片框中顯示的文字信息。和在窗體使用這兩個方法完全相同。Cls方法的一般格式是：[對象名.]Cls第43頁/共55頁2023/4/2綜合運用：例3-4應用選項按鈕、復選框、及框架控件的示例：（書p29-31）第44頁/共55頁2023/4/2計時器控件(Timer)

計時器控件也稱定時器或時鐘，他是按一定時間間隔自動觸發(fā)事件的控件，使用計時器可定時重復執(zhí)行時鐘中斷過程。在程序運行時，計時器是不可見的。

第45頁/共55頁2023/4/2計時器的屬性（1）Interval屬性設定計時器觸發(fā)Timer事件的時間間隔，即兩個計時器事件之間的時間間隔，其值以毫秒（0.001秒）為單位，允許范圍是0到65,535。該控件會自動檢查系統(tǒng)時間是否又到Interval屬性值，到了便產(chǎn)生Timer事件，執(zhí)行時鐘中斷過程。當Interval屬性值為0時屏蔽計時器，使計時器不再產(chǎn)生Timer事件。（2）名稱和其他屬性

第46頁/共55頁2023/4/2計時器的事件計時器控件的常用事件是Timer事件，是計時器在間隔了一個Interval時間后所觸發(fā)的事件。

第47頁/共55頁2023/4/2下拉式菜單

用菜單編輯器可以創(chuàng)建新的菜單

在“工具欄”