第六章 用戶界面設(shè)計.ppt

1、第六章 用戶界面設(shè)計,一、常用控件 1. 滾動條(ScrollBar):有水平滾動條和垂直滾動條. (1)主要屬性 Value:滑塊當(dāng)前位置所代表的值,默認(rèn)值為0 Min和Max屬性: SmallChange和LargeChange屬性:SmallChange:是用戶單擊滾動條兩端的箭頭時Value屬性所增加或減少的值. LargeChange:是用戶單擊滾動條的空白處(滑塊與兩端箭頭之間的區(qū)域)時Value屬性所增加或減少的值. (2)事件:主要有Scroll 和Change.當(dāng)拖動滑塊時會觸發(fā)Scroll事件,而當(dāng)改變Value屬性時(滾動條內(nèi)滑塊位置改變)會觸發(fā)Change事件,2.定時

2、器(Timer):以一定的時間間隔產(chǎn)生Timer事件從而執(zhí)行相應(yīng)的事件過程 (1)主要屬性: Enabled:當(dāng)Enabled屬性為False時,定時器不產(chǎn)生Timer事件.默認(rèn)值為True. Interval:決定兩個Timer事件之間的時間間隔,其值以ms為單位,最大的時間間隔在約為1min. (2)事件:Timer事件 .3. 圖形框 (1)Picture屬性:決定控件中所顯示的圖形文件,其值可以通過下列三種途徑獲得: 在設(shè)計狀態(tài)直接選擇圖形文件設(shè)置Picture屬性 在程序運(yùn)行時使用LoadPicture()函數(shù)裝入圖形,使用格式為:圖形框.picture=LoadPicture(“圖

3、形文件名”) 例:picturebox1.picture=loadpicture(“c:winntsoap bubbles.bmp”),裝入另一個圖形框中的圖形,形式為:圖形框1.picture=圖形框2.picture (2)AutoSize屬性:當(dāng)其值為True時,圖形框能自動調(diào)整大小與顯示的圖片匹配;當(dāng)其值為False時,圖形框不能自動改變大小. 4.圖像框 與圖形框基本相同,都具有Picture屬性,區(qū)別在于兩點(diǎn):一是圖像框不能作為容器存放其他控件;二是圖像框沒有AutoSize屬性,但是有Stretch屬性. Stretch屬性用于伸展圖形,屬性為False時,在設(shè)計狀態(tài),圖像框可自

4、動改變大小,以適應(yīng)其中的圖形.當(dāng)其屬性為True時,加載到圖像框的圖形可自動調(diào)整尺寸,以適應(yīng)圖像框的大小,圖形有可能會失真.,例6.1:設(shè)計如圖所示的計算018之間某個階乘的程序.數(shù)據(jù)由滾動條獲得,其Max屬性為18,Min屬性值是0,smallchange屬性是1,largechange屬性是3,Value的初始值是0,例6.2設(shè)計一個調(diào)色板應(yīng)用程序,使用一個滾動條作為三種基本顏色的輸入工具,合成的顏色顯示在右邊的顏色區(qū)中.顏色區(qū)實(shí)際上是一個文本框,用合成的顏色設(shè)置其BackColor屬性.當(dāng)完成調(diào)色后,用”設(shè)置前景顏色”或設(shè)置背景顏色按鈕設(shè)置右邊文本框(text2)的顏色.三個滾動條從上到

5、下按默認(rèn)約定依次命名,它們的Max,Min,SmallChange,LargeChange和Value屬性在設(shè)計狀態(tài)都分別設(shè)置為255,0,1,25和0,例6.3設(shè)計一個如下圖所示的圖形縮放程序.窗體上一個圖像框,復(fù)選框控制圖像框的Stretch屬性,滾動條控制圖形的大小.當(dāng)拖動滾動條中的滑塊時圖形隨之縮放.,例6.4用一個定時器控制圖片的變換,菜單和通用對話框,菜單 作用：1 提供人機(jī)對話的界面，方便讓用戶選擇應(yīng)用系統(tǒng)的各種功能 2 管理應(yīng)用系統(tǒng)，控制各種功能模塊的運(yùn)行 優(yōu)點(diǎn)（1）整體感強(qiáng)，操作目的一目了然，界面友好，直觀，使用方便，易于學(xué)習(xí)和掌握 （2）具有導(dǎo)航功能，為用戶在各個菜單的功能

6、間導(dǎo)航 （3）占用屏幕空間小。,二 菜單設(shè)計 菜單有兩種類型:一是下拉式菜單,由一個主菜單和若干個子菜單所組成;二是彈出式菜單,是用戶在某個對象上單擊右鍵所彈出的菜單. 菜單編輯器 在設(shè)計狀態(tài),選擇”工具”菜單編輯器”命令就可打開”菜單編輯器”對話框,如下圖所示.,菜單的兩個屬性,菜單列表框,工具欄中的菜單編輯器 (CTRL+E) 窗體上快顯菜單菜單編輯器,菜單項屬性,常用屬性： 1. 標(biāo)題(Caption) 訪問鍵：前面加釋放按鍵,便觸發(fā)KeyUp事件. Private Sub Form_KeyUp(KeyCode As Integer, Shift As Integer) Private

7、Sub Form_KeyDown(KeyCode As Integer, Shift As Integer),KeyCode:按鍵的實(shí)際的ASCII碼. Shift:該參數(shù)用于轉(zhuǎn)換鍵.包括Shift, Alt,Ctrl.這三個鍵分別以二進(jìn)制方式表示,每個鍵用三位,Shift可取八種值.,十進(jìn)制數(shù) 二進(jìn)制數(shù) 作用,0 000 沒有按下轉(zhuǎn)換鍵 001 按下一個Shift鍵 010 按下一個Ctrl鍵 011 按下Ctrl+Shift鍵,十進(jìn)制數(shù) 二進(jìn)制數(shù) 作用,4 100 按下一個Alt鍵 5 101 按下Alt+Shift鍵 6 110 按下Alt+Ctrl鍵 7 111 按下Alt+Ctrl+Shift鍵,例:編寫一個程序,當(dāng)按下鍵盤上的某個鍵時,輸出該鍵的KeyCode碼. 首先將窗體KeyPreview屬性設(shè)置為True,然后編寫如下程序.,作業(yè)10.7在窗體上畫一個文本框,然后編寫程序.程序運(yùn)行后,如果按下鍵盤上的A,B,C,D鍵,則在文本框中顯示EFDH. 作業(yè)10.8編寫一個程序,當(dāng)同時按下Alt鍵,Shift鍵和F6鍵時,在窗體上顯示”再見”,并終止程序的運(yùn)行. 作業(yè)1