第8章-3表單設(shè)計(jì)與應(yīng)用-控件

第8章表單設(shè)計(jì)與應(yīng)用

——控件1教學(xué)內(nèi)容各控件的用途、屬性、事件教學(xué)目的掌握常用控件的屬性設(shè)置掌握常用控件的事件代碼編寫掌握常用控件在應(yīng)用程序中的作用重點(diǎn)常用控件的屬性設(shè)置、事件代碼編寫難點(diǎn)事件代碼的編寫2常用表單控件

表單控件的作用是表單設(shè)計(jì)過(guò)程中最重要的一環(huán)?！氨韱慰丶惫ぞ邫跒楸韱蔚脑O(shè)計(jì)提供了大量的“零件”，可向表單添加控件并設(shè)置其各種屬性、方法和事件。使用控件可設(shè)計(jì)出各類Windows應(yīng)用程序。3表單控件的分類輸出類：標(biāo)簽、圖像、線條、形狀輸入類：文本框、編輯框、微調(diào)控件、列表框、組合框控制類：命令按鈕、命令按鈕組、復(fù)選框、選項(xiàng)按鈕組、計(jì)時(shí)器容器類：表格、頁(yè)框、Container容器連接類：ActiveX控件、ActiveX綁定控件、超級(jí)鏈接4主要控件介紹標(biāo)簽、文本框、編輯框命令按鈕、命令按鈕組選項(xiàng)按鈕組、復(fù)選框圖像列表框、組合框表格、頁(yè)框圖像框、圖片框、線條、形狀微調(diào)控件計(jì)時(shí)器ActiveX綁定控件5常用控件的公共屬性Name：控件的名稱FontName：設(shè)置文本的字體名(默認(rèn)為宋體)FontSize：設(shè)置字體大小FontBold：設(shè)置字體是否加粗FontItalic：設(shè)置字體是否為斜體Height：控件的高度Width：控件的寬度Visible：控件是否顯示Enabled：控件運(yùn)行時(shí)是否有效6標(biāo)簽用途表單上顯示的文字（Caption）標(biāo)簽常用屬性有Name：控件的名稱Caption：標(biāo)簽顯示的標(biāo)題文字FontName：設(shè)置字體的名稱(默認(rèn)為宋體)FontSize：設(shè)置字體的大小FontBold：設(shè)置字體是否為黑體FontItalic：設(shè)置字體是否為斜體標(biāo)簽7ForeColor：前景色，即文本的顏色(默認(rèn)黑色)BackColor：背景色，默認(rèn)淺灰色BorderStyle：邊框樣式(0—無(wú)(默認(rèn)值),1—固定單線)AutoSize：是否根據(jù)文本自動(dòng)調(diào)整標(biāo)簽大小Alignment：文本的對(duì)齊方式WordWrap：標(biāo)簽上顯示的文本是否可換行89文本框文本框的用途用于顯示、輸入單行文本信息和修改數(shù)據(jù)常用屬性有

Name：控件的名字，代碼中引用控件的名字Value：文本框的當(dāng)前值inputMask：指定輸入和顯示數(shù)據(jù)的格式ControlSource：將控件與某個(gè)數(shù)據(jù)源綁定MaxLength：設(shè)定輸入字符的最大個(gè)數(shù)10ReadOnly：將文本框設(shè)置為只讀PasswordChar：指定控件中顯示的字符，一般用于密碼的設(shè)置Enabled：指定控件當(dāng)前是否有效11編輯框編輯框用途用于輸入用戶數(shù)據(jù)的控件。編輯框是可以輸入若干行，更適合編輯較多的文本內(nèi)容。通常用于編輯長(zhǎng)字段或備注字段文本，允許字段換行。編輯框和文本框的屬性差不多。編輯框主要屬性SelText：所選擇的文本ScrollBars：是否有垂直滾動(dòng)條12例：在編輯框中選定文字后，單擊按鈕將其復(fù)制并顯示到文本框中。13提問(wèn)：能否實(shí)現(xiàn)多次選擇文字，將其復(fù)制的結(jié)果連接在一起14命令按鈕命令按鈕的用途人機(jī)交互作用的主要控件，通常用來(lái)完成某些功能。命令按鈕的主要屬性Name/Caption：名稱/標(biāo)題屬性Picture：設(shè)置命令按鈕上顯示的圖形Default：是否按回車鍵執(zhí)行該按鈕的Click事件Cancel：是否能按ESC鍵執(zhí)行該按鈕的Click事件ToolTipText：指定該按鈕的提示文本15例：創(chuàng)建如下界面，進(jìn)行登錄判斷。(登錄.scx)16注意文件路徑的設(shè)置，否則以VFP98為讀取文件的位置17例:設(shè)計(jì)如下界面，輸入成績(jī)判斷等級(jí)(見(jiàn)成績(jī)判斷.scx)1819命令按鈕組命令按鈕組的用途當(dāng)一個(gè)表單需多個(gè)命令按鈕時(shí)，可使用命令按鈕組，這樣可使事件代碼更簡(jiǎn)潔、界面更整齊。命令按鈕組的主要屬性ButtonCount：命令按鈕組中的按鈕個(gè)數(shù)Buttons：存放命令按鈕組中每個(gè)命令按鈕的數(shù)組Value：保存命令按鈕的編號(hào)或caption的值mandgroup1.button[2].caption=“確定”20空白位置單擊右鍵彈出對(duì)話框，選擇生成器，可以設(shè)置每個(gè)按鈕上的顯示文字和布局。21命令按鈕組對(duì)Click事件的判別命令按鈕組包含了若干命令按鈕，VFP響應(yīng)用戶單擊時(shí)必須區(qū)分操作的是組控件還是命令按鈕，哪一個(gè)命令按鈕，以便執(zhí)行相應(yīng)的動(dòng)作。若命令按鈕組和各命令按鈕均設(shè)置了Click事件代碼，VFP將根據(jù)用戶單擊的位置來(lái)觸發(fā)組控件或命令按鈕：?jiǎn)螕艚M內(nèi)的空白處，觸發(fā)組控件Click事件單擊命令按鈕則觸發(fā)命令按鈕的Click事件單擊命令按鈕組中某按鈕時(shí)，組控件的Value屬性會(huì)獲得一個(gè)數(shù)值或字符串：22當(dāng)Value屬性設(shè)置為1（默認(rèn)值）時(shí)，會(huì)獲得數(shù)值，是命令按鈕的順序號(hào)；當(dāng)Value屬性設(shè)置為空時(shí)，將獲得字符串，是命令的Caption值。處理格式如下：DOCASECasethis.Value=1

執(zhí)行語(yǔ)句1Casethis.Value=2

執(zhí)行語(yǔ)句2 ……ENDCASE23對(duì)按鈕組編寫代碼，計(jì)算按鈕發(fā)生單擊事件，就在文本框中顯示“計(jì)算”；運(yùn)行按鈕發(fā)生單擊事件，就顯示“運(yùn)行”2425例：利用數(shù)據(jù)環(huán)境，創(chuàng)建如下界面，顯示學(xué)生的基本信息（見(jiàn)學(xué)生表單_命令按鈕組(學(xué)生記錄顯示).scx）2627選項(xiàng)按鈕組選項(xiàng)按鈕組的用途：是一個(gè)可包含若干選項(xiàng)按 鈕的容器。每次只能選中一個(gè)。選項(xiàng)按鈕的主要屬性Caption：提示文字ButtonCount：選項(xiàng)按鈕的個(gè)數(shù)Value：指定選項(xiàng)組中哪個(gè)選項(xiàng)按鈕被選中√ControlSource：將控件與某個(gè)數(shù)據(jù)源綁定Buttons：存放選項(xiàng)組中每個(gè)按鈕的數(shù)組28例：利用數(shù)據(jù)環(huán)境，顯示學(xué)生的記錄，要求性別字段用選項(xiàng)按鈕組實(shí)現(xiàn)。29在選項(xiàng)按鈕中上單擊右鍵，，選擇生成器，之后如下圖依次設(shè)置30復(fù)選框復(fù)選框的用途：表示某些狀態(tài)是否成立。復(fù)選框的主要組屬Caption：提示文字Value：指定復(fù)選框的當(dāng)前狀態(tài)（1或.T.表示選中；0或.F.未選中；2或null表示不確定）√ControlSource：將控件與某個(gè)數(shù)據(jù)源Style：外觀樣式（0標(biāo)準(zhǔn)樣式；1圖形樣式）3132關(guān)于選項(xiàng)按鈕組的代碼：33關(guān)于復(fù)選框的代碼：34列表框列表框的用途用來(lái)選擇一組預(yù)定的數(shù)據(jù)，在任何時(shí)候都顯示它的選項(xiàng)內(nèi)容，在屏幕占用一個(gè)區(qū)域。列表框主要屬性ColumnCount：指定列表框的列數(shù)（默認(rèn)1）ListCount：列表框中數(shù)據(jù)項(xiàng)即條目的個(gè)數(shù)List(i)：返回列表框中第i行的內(nèi)容√

RowSource：列表框顯示內(nèi)容的數(shù)據(jù)源√

RowSourceType：數(shù)據(jù)源類型(值、表、SQL)√Value：返回列表框中被選中的數(shù)據(jù)項(xiàng)35Selected(i)：返回列表框中第i行是否被選中MultiSelect：是否允許多行選擇MoveBars：是否顯示列表框中條目移動(dòng)的按鈕√BoundColumn：當(dāng)列表框中有多列時(shí)，指定哪一列作為Value屬性的值Listindex：返回列表框中當(dāng)前所選條目的序號(hào)常用方法

Additem：添加條目

Removeitem：移去指定條目

Clear：移去所有條目36也可以直接在列表框中單擊右鍵，選擇生成器來(lái)進(jìn)行字段的綁定設(shè)置等等。37例：設(shè)計(jì)如下界面，在左邊的列表框中選擇的內(nèi)容，單擊“選定”按鈕，則內(nèi)容出現(xiàn)在文本框中（見(jiàn)列表框1.scx）38步驟一：先設(shè)置數(shù)據(jù)環(huán)境步驟二：在表單中建立控件步驟三：設(shè)置列表框的屬性columncount=2兩列boundcolumn=2第二列的值作為選定對(duì)象Rowsourcetype=6字段Rowsource選擇student表中的學(xué)生編號(hào)、姓名步驟四：編寫按鈕的單擊事件39例：設(shè)置界面，做相應(yīng)屬性修改，編寫代碼。

（見(jiàn)列表框.scx）40List2的設(shè)置：List1的設(shè)置(初始值的設(shè)置)41利用ADDITEM方法增加選項(xiàng)的內(nèi)容42“加入”按鈕的代碼：43“全部添加”按鈕的代碼44“移去”代碼：45組合框(ComboBox)組合框的用途和列表框的功能類似。組合框是由一個(gè)文本框和下拉列表框組成的。平時(shí)只顯示一個(gè)項(xiàng)，待用戶單擊它以后才能顯示可滾動(dòng)的下拉列表。分下拉組合框和下拉列表框，前者允許用戶自己鍵入數(shù)據(jù)項(xiàng)，而后者僅有選項(xiàng)功能。主要屬性ControlSource：數(shù)據(jù)源綁定Style：0：下拉組合框（選擇或輸入）2：下拉列表框（只能選擇）RowSource：列表框顯示內(nèi)容的數(shù)據(jù)源RowSourceType：數(shù)據(jù)源類型(值、表、SQL等)46如果自己在組合框中輸入選項(xiàng)，則在屬性窗口中修改RowSourceType：數(shù)據(jù)源類型值RowSource：語(yǔ)文,數(shù)學(xué),英語(yǔ)47利用數(shù)據(jù)環(huán)境來(lái)顯示與表相關(guān)的操作將student表中的姓名字段作為組合框中的顯示項(xiàng)。4849利用數(shù)據(jù)環(huán)境，設(shè)置如下界面：50組合框設(shè)置如下屬性：51“確定”按鈕的代碼如下：當(dāng)前所選條目的序號(hào)52表格(Grid)用途表格類似一個(gè)瀏覽器，是按行和列操作和顯示的容器。表格的組成表格：由若干列組成。列：顯示表的字段，由列標(biāo)題和列控件組成。列標(biāo)題：默認(rèn)顯示字段名，可修改。列控件：一列必須設(shè)置一個(gè)列控件，該列中每個(gè)單元格都用此控件來(lái)顯示字段值。如文本框53創(chuàng)建表格控件從數(shù)據(jù)環(huán)境創(chuàng)建

在數(shù)據(jù)環(huán)境中添加某表(如student)，用鼠標(biāo)將數(shù)據(jù)環(huán)境中的表窗口的標(biāo)題拖到表單窗口后釋放。創(chuàng)建的表格VFP默認(rèn)為Grdstudent。利用表格生成器創(chuàng)建

先在表單上添加表格控件，然后從表格控件的快捷菜單中選擇生成器命令，在生成器中設(shè)置屬性，從而得到符合要求的表格。這樣創(chuàng)建的表格VFP默認(rèn)為Grid1。54表格屬性RecordSource：與表格控件建立聯(lián)系的數(shù)據(jù)源RecordSourceType：與表格控件建立聯(lián)系的數(shù)據(jù)源的類型ColumnCount：指定表格的列數(shù)5556頁(yè)框頁(yè)框用途是包含頁(yè)面的容器，用戶可在頁(yè)框中定義多個(gè)頁(yè)面，以生成帶選項(xiàng)卡的對(duì)話框。含有多頁(yè)的頁(yè)框可起到擴(kuò)展表單面積的作用。當(dāng)向頁(yè)面添加控件時(shí)，須先將頁(yè)框作為容器激活，然后選定此頁(yè)面后再添加。主要屬性PageCount：頁(yè)框包含的頁(yè)面數(shù)量ActivePage：當(dāng)前的活躍頁(yè)面的編號(hào)頁(yè)的Caption：頁(yè)框沒(méi)有此屬性，頁(yè)框中的頁(yè)才有Page：該屬性是一個(gè)數(shù)組，用于存取頁(yè)框中的某頁(yè)57頁(yè)框中頁(yè)面的設(shè)置如下圖：1、選擇頁(yè)框控件，單擊右鍵，選擇“編輯”2、選擇頁(yè)面，之后創(chuàng)建界面就可以了。58頁(yè)框中的頁(yè)常用的事件ActivateEvent： 頁(yè)面激活事件。每頁(yè)的激活事件ActivateEvent命令代碼This.refresh運(yùn)行含有頁(yè)框的表單時(shí)，會(huì)發(fā)現(xiàn)頁(yè)框中的各頁(yè)顯示的內(nèi)容會(huì)不一致。原因是表單刷新時(shí)，只刷新了活動(dòng)的一頁(yè)，另外多頁(yè)尚未刷新。只要給每頁(yè)的激活事件ActivateEvent加上一條命