1、 本章教學要求：掌握VFP各種常用控件的基本特點及使用，表單的基本屬性及在應用程序中的使用。11 1 Visual FoxPro常用控件 112表單113表單的應用設計實例 第11章 Visual FoxPro常用控件與表單 在一個應用程序的開發中，界面設計要占整個程序開發總工作量的40%60%，Visual FoxPro為用戶提供了可視化的界面開發環境，使應用程序的界面設計變得簡單、容易。在Visual FoxPro界面的設計是通過使用表單及各種控件實現的。 Visual FoxPro提供的各種常用控件如圖11 . 1所示。 11.1Visual FoxPro常用控件 圖11 . 1 表單控

2、件工具欄 11.1 Visual FoxPro常用控件常用控件 1 標簽（Label） 標簽控件能夠在表單上顯示文本信息。通過對標簽控件的設定可以起到提示與說明作用。標簽控件的主要屬性有： Name：標簽名稱 FontSize：標簽字體大小 ForeColor：字體顏色 Caption：標簽文字 Left：標簽左邊位置 Top：標簽上邊界位置 Width：標簽寬度 Height：標簽高度 Left和Top屬性決定了標簽在表單中的位置，Width和Height屬性決定了標簽的大小。 標簽的使用示例如圖11 . 2中所示，在圖11 . 2中共有3個標簽，設置標簽的屬性可通過屬性窗口進行（如圖11.

3、 3所示），要設置哪一個標簽的屬性，應先選中該標簽，再在屬性窗口中進行設置。圖11.2 學生管理系統關于窗口 標簽控件圖11.3 標簽的屬性窗口 2 圖像(Image) 利用圖像控件可以在表單上加載圖像，所加載圖像的常見類型有：.BMP、.ICO、.GIF、.JPG等。圖像控件的主要屬性有： Picture：指定要加載的圖像文件名 BorderStyle：指定圖像邊框，為0表示圖像沒有邊框，為1表示圖像的邊框固定為單線 Stretch：決定圖像的填充方式，有3種圖像填充方式 0 - 剪裁（默認值） 1 - 等比填充 2 - 變比填充 圖像控件的使用示例如圖11.5所示。 圖11-5 圖像控件填

4、充樣式 剪裁填充等比填充變比填充 3線條（Line） 線條控件用于在表單上畫各種類型的線條：斜線、垂直線和水平線。線條控件的主要屬性有： BorderColor：指定線的顏色 BorderStyle：指定線型 LineSlant：指定線條如何傾斜，從左上到右下左上到右下或是從左下到右上左下到右上( /) Height：設置線條的高度，為0就為水平線 Width：設置線條的寬度，為0值就為垂直線。圖11-6 線條控件示例 線條例11.3 在例11.2表單中添加線條控件（如圖11-6）。 形狀（Shape）形狀控件用于在表單上創建各類形狀：矩形、圓角矩形、正方形、圓角正方形、橢圓或圓。矩形、圓角矩

5、形、正方形、圓角正方形、橢圓或圓。形狀控件的主要屬性有：BoderColor：設置形狀控件邊框的顏色BoderWidth：設置形狀控件的寬度Curvature：設置形狀控件的角的曲率(30,60,90)FillColor：設置形狀控件的填充顏色FillStyle：設置形狀控件的填充圖案Height：設置形狀控件的高度Left：設置形狀控件的左連界的位置Name：設置形狀控件的名稱Top：設置形狀控件的上邊界的位置Visible：設置形狀控件的是否可見Width：設置形狀控件的寬度形狀控件的Curvature、Height和Width這三個屬性綜合在一起可以形成不同的形狀類型（見下表）： Cur

6、vatureHeight與Width相等Height與Width不等0 0正方形矩形1-991-99小圓角正方形大圓角正方形圓小圓角矩形大圓角矩形橢圓圖11-7 形狀控件示例 5文本框（TextBox） 形狀控件用于在表單上創建各類形狀：矩形、圓角矩形、正方形、圓角正方形、橢圓或圓。形狀控件的主要屬性有：BoderColor：設置文本框控件邊框的顏色BoderWidth：設置文本框控件的寬度CurvatureCurvature：設置文本框控件的角的曲率FillColor：設置文本框控件的填充顏色FillStyle：設置文本框控件的填充圖案Height：設置文本框控件的高度Maxlength：設

7、置文本框控件可輸入的最大字符數，若為0 表示沒有限制Name：設置文本框控件的名稱PasswordChar：設置文本框控件用作占位符的字符ReadOnly：設置文本框控件中的內容是否為只讀Value：文本框控件中的文本內容文本框的使用示例見圖11-8所示。圖11-8 學生管理系統的登錄窗體文本框6. 編輯框（EditBox） 編輯框能夠輸入與處理多段的文本，常用來處理長的字符型數據或備注型字段。在Visual FoxPro系統中還提供了ScrollBars屬性來顯示垂直滾動條。編輯框與文本框的不同之處在于： （1）編輯框只能接收文本數據。而文本框則能接收多種數據類型。 （2）編輯框能接收多段數

8、據，回車不能終止其數據接收。而文本框只能接收一段數據。 編輯框的主要屬性有：編輯框的主要屬性有：ControlSource：指定與編輯框對象建立聯系的數據源Maxlength：指定編輯框中可輸入的最大字符數，若該屬性為0表示沒有限制Name：設置編輯框控件的名稱ReadOnly：指定用戶能否編輯框控件中的內容ScrollBars：指定編輯框控件具有的滾動條的類型 0 表示沒有滾動條 2 表示具有垂直滾動條SelLength：設置或返回輯框對象中被選中文本的字符個數。SelStart：設置或返回輯框對象中被選中文本的起始點位置。SelText：返回編輯框對象中被選中的文本。Value：指定或返回

9、輯框對象中的文本內容。編輯框的使用示例如圖11-9所示。圖11-9 編輯框中的文本選擇 7命令按鈕（CommandButton）/命令按鈕組CommandGroup） 命令按鈕控件主要用來為用戶提供不同操作的選擇。用戶可以通過它改變程序的執行過程，完成不同的功能調用。當用戶用鼠標單擊命令按鈕時，將觸發命令按鈕的“Click”事件代碼從而完成相應的操作。 命令按鈕的主要屬性： Caption：命令按鈕標題文本。 Enabled：命令按鈕使能屬性，該屬性為.T.，則命令按鈕能接收事件，為.F.則不能接收事件。 Name：命令按鈕控件名稱。命令按鈕的主要事件： Click：命令按鈕單擊事件，當用鼠標

10、單擊命令按鈕時發生該事件。 命令按鈕使用示例如圖11-10所示。圖11-10 命令按鈕使用示例 在圖6-10中的命令按鈕名稱為C1，要編寫其Click事件代碼可雙擊該按鈕，屏幕上出現代碼窗口，在對象下拉列表框中選擇“C1”，在過程下拉列框中選擇“Click”，然后編寫事件代碼。 命令按鈕組控件是包含了若干個命令按鈕的一種容器。通過它可以統一的管理按鈕組，也可以單獨地管理每一個按鈕。 圖11-11是一個具有4個按鈕的按鈕組示例。圖11-11 命令按鈕組 命令按鈕組的主要屬性有： ButtonCount：指定命令按鈕組中的按鈕數。 Enabled：指定命令按鈕組能否接收和響應事件；當該屬性為.T.

11、時可以接收和響應事件，為.F.則不能。 Name：指定命令按鈕組對象的名稱。 Value：當命令按鈕組中的按鈕被點擊時，該屬性返回是第幾個按鈕組中是第幾個按鈕被點擊，若命令按鈕組中第一個按第一個按鈕鈕被點擊，則返回則返回1，若是第二個按鈕第二個按鈕被點擊則返回返回2。 可直接用鼠標拖放來改變命令按鈕組的大小和位置，若要改變命令按鈕組中按鈕的大小和位置，應先選中命令按鈕組，然后點擊鼠標右鍵，在彈出的快捷菜單中選擇“編輯”菜單項，當命令按鈕組處于編輯狀態時，其外有一個綠色邊框，之后就可以對命令按鈕組中按鈕的大小和位置進行修改了。 也可用命令組生成器來設計命令按鈕組，其操作步驟是：先選中命令按鈕組對

12、象，然后單擊鼠標右鍵，在彈出的快捷菜單中選擇“生成器”菜單項，屏幕上將出現如圖11-12所示的命令組生成器。圖11-12 命令組生成器 8選項按鈕組（OptionGroup） 選項按鈕組是包含了若干個選項按鈕的容器控件。選項按鈕組中的若干個可選項中用戶一次只能選擇其中一個，選項按鈕組的使用示例如圖11-13所示。圖11-13 選項按鈕組使用示例 選項按鈕組的主要屬性有： ButtonCount：指定選項按鈕組的按鈕數。 Name：選項按鈕組對象的名稱。 Value：指定或返回選項按鈕組中被選中的按鈕。 選項按鈕組的生成與編輯可用選項組生成器來實現，其操作步驟是：先選中選項按鈕組對象，然后單擊鼠

13、標右鍵，在出現的快捷菜單中選擇“生成器”菜單項，屏幕上出現“選項組生成器”窗體（如圖11-14所示），然后按屏幕上出現的提示操作即可。圖11-14 選項組生成器 9復選框（CheckBox）復選框允許同時選中多項，它可以獨立存放于表單中。復選框的主要屬性：Caption：指定復選框對象的標題文本。Enabled：指定復選框對象的是否可操作。Name：指定復選框對象的名稱。Value：指定復選框對象的狀態：0或.F.表示清除；1或.T.表示選定；2表示灰色狀態。復選框的使用示例如圖11-15所示圖11-15復選框的使用示例 10組合框（Combobox） 組合框提供了一個下拉列表，用戶可以在其列

14、表中進行值的選取，也可以由用戶自己鍵入一個值。組合框控件的屬性主要包括： ColumnCount：指定組合框對象的顯示列數。 Enabled：指定組合框對象的是否可操作。 Name：指定組合框對象的名稱。 Value：指定或返回組合框對象的被選取的文本。 組合框的使用示例如圖11-16所示。圖11-16 組合框的使用示例圖9 可以使用組合框生成器來生成編輯組合框，其操作步驟是：首先選擇要編輯的組合框，然后單擊鼠標右鍵，在彈出的快捷菜單中選擇 “生成器”菜單項，屏幕上彈出圖6-17所示的組合框生成器窗體。圖11-19 列表框生成器 11列表框（Listbox） 列表框與組合框比較相似，都提供了一

15、個用戶選項列表。但列表框是任何時候都顯示它的列表項，并且不能由用戶鍵入數據。列表框控件的屬性主要包括： ColumnCount：指定列表框對象的顯示列數。 Enabled：指定列表框對象的是否可操作。 Name：指定列表框對象的名稱。 Value：指定列表框對象的被選取的文本。 列表框的使用示例如圖11-18所示。圖11-18 列表框的使用示例 可以使用列表框生成器來生成編輯列表框，其操作步驟是：首先選擇要編輯的列表框，然后單擊鼠標右鍵，在彈出的快捷菜單中選擇 “生成器”菜單項，屏幕上彈出圖11-19所示的列表框生成器窗體。圖11-19 列表框生成器 12微調控件（Spinner） 微調控件用

16、于接受給定范圍的數值輸入，可以直接用鍵盤輸入數據，也可以通過上下箭頭增減當前值。微調控件常用屬性有 ： Increment ：上下箭頭數值調整時的增減量 。 InputMask ：設置輸入掩碼 。 KeyBoardHighValue ：鍵盤輸入的最大值 。 KeyBoardLow Value ：鍵盤輸入的最小值 。 Name：微調控件對象的名稱。 SpinnerHight Value ：上下箭頭數值調整的最大值 。 SpinnerLow Value ：SpinnerLow Value 。 Value ：設置輸入掩碼 。 KeyBoardHighValue ：當前值 。 微調控件常用事件有： D

17、ownClick Event：按微調控件下箭頭的事件。 UpClick Event：按微調控件上箭頭的事件。 微調控件的使用示例如圖11-20所示。圖11-20微調控件的使用示例 13表格（Grid） 表格控件是以表格的形式來輸出與輸入數據。它是由若干的行和列所組成。并且它可以用于顯示多表的數據內容。通常使用表格生成器來作相關的設定。 例11.13 建立如圖11-21的一個表單，通過表格控件來顯示Class表中的數據。 操作步驟如下：（1）在“表單控件工具欄”鼠標左鍵單擊 創建一個表格控件。（2）在數據環境中添加Class這張表。 （3）右鍵單擊表格控件，打開表格生成器，進行相關的設置（參見圖

18、11-22） 圖11-22 表格控件示例圖11-23 表格生成器(a)圖11-23 表格生成器(b)圖11-23 表格生成器(c)圖11-23 表格生成器(d) 14頁框（Pageframe） 頁框是包含多個頁面的容器，用戶可以根據需要建立多個頁面，并且可以在每個頁面當中創建自己的控件。使用頁框可以擴大表單的面積，方便用戶。 頁框的主要屬性有： PageCount：指定頁框對象所保含的頁數目。 ActivePage：返回頁框對象中活動頁的頁碼。 如果要對頁框對象的某一頁進行編輯，應先在屬性窗口中選中該頁（如圖11-24所示），然后就可以進行編輯了，如改變頁標題（Caption）、向頁中增加控件

19、等。圖11-24 頁框屬性頁 15容器（Container） 容器（Container）是可以包含其它控件的對象。 例11.14 通過容器控件來設計如圖11-25所示的表單。操作步驟如下：（1）用鼠標左鍵單擊“表單控件工具欄”的“ ” 創建容器控件。（2）選中容器控件，鼠標右鍵單擊，在彈出菜單中選中“編輯”。（3）創建相應的標簽、文本框、微調按鈕放入容器控件中。圖11-25 容器控件使用示例 16計時器控件（Timer） 計時器控件能夠按照事先所設定的時間間隔周期性調用Timer事件，可以將一些需要周期性執行的程序代碼放在Timer事件中。計時器控件在程序運行期間不可見，它是一個不可見控件。

20、計時器控件的主要屬性有： Enabled：指定計時器控件能否調用Timer事件。 Interval：指定調用Timer事件的時間間隔，單位為毫秒，若該屬性為0則不調用Timer事件。 例11.15 利用計時器控件顯示系統當前時間(如圖11-26所示)。圖11-26 計時器使用示例 （1）在VFP集成環境中首創建一個表單。 （2）向表單中添加一個標簽框，名稱為Label1。 （3）向表單中添加計時器控件，名稱為Timer1。 （4）雙擊Timer1控件，屏幕上出現代碼編輯窗口，為Timer1控件添加如下代碼： Thisform.label1.caption=time() （5）在系統的主菜單下選

21、擇：表單執行表單，就可以看到如圖6-26的運行結果。 17超級鏈接控件（Hyperlink） 使用超級鏈接控件可以直接從VFP中訪問Internet,使用超級鏈接控件在運行時是不可見的。 下面通過一個示例來說明超級鏈接控件的使用。 操作步驟： （1）在VFP集成環境中首創建一個表單。 （2）向表單中添加一個使用超級鏈接控件，名稱為HyperLink1。 （3）向表單中添加一個命令按鈕，名稱為Command1，其Caption屬性為“新浪網”。 完成上述操作后，結果如圖11-27所示。如圖11-27 超級鏈接使用示例 在Command1按鈕控件的Click事件中添加如下代碼：ThisForm.H

22、yperLink1.NavigateTo() 執行窗體點擊Command1按鈕就會自動打開瀏覽器，進入新浪網主頁。 11.2 表單 11.2.1 11.2.1 表單的創建表單的創建 在Visual FoxPro系統中提供了兩種表單的設計工具：表單向導和表單設計器。 1. 表單向導 在Visual FoxPro系統中使用表單向導可以方便地生成一個對于數據表的管理表單，在生成的表單中具備了對于數據表的基本操作功能，比如：記錄的移動、刪除、新增、打印等。 例11-16 通過表單向導來創建一個關于Class數據表的表單。操作步驟如下： （1）打開新建對話框，選擇表單向導。 （2）選擇表單向導，按如下圖

23、所示步驟操作： （a）選擇表及相應的字段 （b）選擇表單樣式 （c）排序次序 （d）給出相應的表單標題 （3）給出相應的表單標題，可以將生成的表單進行預覽，也可以放入表單設計器修改，或保存起來備用。 （4）生成的表單如圖11-28所示。 圖11-28 利用表單向導生成表單2. .表單設計器 表單的創建除了可以用表單向導來完成之外，還可以通過表單設計器來完成。由表單向導所生成的表單可以由表單設計器進一步的修改。表單設計器是可視化操作界面，可以非常靈活地設計表單。 可按如下步驟建立表單： 在Visual FoxPro系統的主菜單下選擇：文件新建，在新建對話框中選擇表單，然后點擊新建文件按鈕，屏幕就

24、會出現表單設計器（如圖11-29所示），用戶就可以向表單添加各種控件了。 圖11-29 表單設計器11.2.2 11.2.2 表單屬性設置表單屬性設置 表單最常用到的屬性有：AlwaysOnBottom：設置表單處于最底層。AlwaysOnTop：設置表單處于最上層。AutoCenter：讓表單窗口運行時自動處于屏幕中間。BorderStyle：設置表單的邊框樣式。Caption：設置表單的標題。Icon：設置表單窗口左上角的圖標。MaxButton：設置表單窗口右上角最大化按鈕是否可用。MinButton：設置表單窗口右上角最小化按鈕是否可用。 TitleBar：控制標題欄是否顯示在表單的頂

25、部。 WindowsState：設置表單的初始大小。 WindowType：控制表單是否非模式表單（默認）還是模式表單。如果表單是模式表單，用戶在訪問應用程序用戶界面中任何其他單元前必須關閉這個表單。 11.2.3 11.2.3 向表單中添加控件向表單中添加控件 向表單中添加控件最常用的方式就是從表單控件工具欄中選定需要的控件，然后單擊表單中某個地方。在表單控件工具欄上一共有25個控件可供選擇（如圖11-30）。 圖11-30 表單控件 11.2.4 11.2.4 表單控件的布局表單控件的布局 當把控件添加到表單中后，通常需要調整控件的大小、位置及對齊方式等。 1.改變控件的大小 改變單個控件

26、的大小首先選中要改變的控件，然后用鼠標拖放改變控件大小，或直接在屬性窗口中修改控件的Height和Width屬性。 改變多個控件的大小按住“Shift”鍵，逐個單擊要選的控件，如果要取消已選中的控件再次單擊該控件即可，然后在屬性窗口中修改控件的Height和Width屬性,或單擊系統菜單的格式大小菜單來（如圖11-31所示）改變控件的大小。圖11-31 “大小”菜單項 2.改變控件的位置首先選中要改變的控件，然后用鼠標拖放改變控件位置，或直接在屬性窗口中修改控件的Left和Top屬性。 3.控件的對齊 按住“Shift”鍵，逐個單擊要選的控件，然后單擊系統菜單的格式對齊菜單項（如圖11-32所

27、示），根據菜單的提示操作即可。 圖11-32 “對齊”菜單項 6.2.5 6.2.5 為表單中的控件設置為表單中的控件設置TabTab順序順序用戶可以在表單執行期間按Tab鍵來改變焦點的位置。Tab順序就是指的在連續按Tab鍵時焦點的改變順序。 按Tab鍵時焦點的改變順序由控件的TabIndex和TabTop屬性確定： TabIndex：指定控件的Tab順序。 TabStop：指定按Tab鍵時焦點能否在移動到控件上。當控件的TabStop屬性為.T.時，按Tab鍵時焦點能移動到該控件上，為.F.時則不能。6.2.6 6.2.6 表單常用方法表單常用方法 在表單的程序編寫中，常用到的方法主要有：

28、（1）Refresh方法 格式：Form.Object. Refresh功能：重繪表單或控件，并刷新所有的值。（2）Cls方法 格式：Object. Cls功能：清除表單中的圖形和文本。（3）Hide 方法 格式：Form.Hide功能：隱藏表單，但其還處于內存中。（4）Release方法 格式：Form. Release 功能：釋放表單 6.2.7 6.2.7 表單的運行表單的運行 表單的運行有多種方式，可以在設計器當中運行，也可以通過命令來運行。 （1）在設計器中運行：單擊右鍵，在彈出菜單中選擇“執行表單” 。（2）在Visual FoxPro系統的主菜單下選擇：表單執行表單；按快捷鍵：Ctrl+E；點擊工具欄上的“ ”按鈕。（3）以命令方式運行表單： 命令格式：do form .scx例如：在命令窗口中鍵入do form c:stusysclass.scx11.3 表單的應用設計實例 例：創建一個具備上網計時功能的表單（如圖11-33所示）。圖11-33 上網計時窗體