新觀念的 VB6 教本 第 3 章表單設計
3-1 與表單設計相關的視窗
與表單設計相關的視窗 表單視窗:設計表單的場所。 工具箱視窗:提供給表單設計必要的控制元件。 屬性視窗:瀏覽並設定表單、控制元件的屬性。
表單視窗 表單,是展現「視覺化」設計的視窗 返回與表單設計相關的視窗
工具箱視窗 請不要把工具箱跟VB主視窗的工具列混為一談, 工具列的每一個圖形命令鈕所代表的是一個操作 VB 的指令。 返回與表單設計相關的視窗
屬性視窗 返回與表單設計相關的視窗
3-2 在表單上佈置控制元件
在表單上佈置控制元件的三個程序 選取適當的控制元件。 改變控制元件的位置。 調整控制元件的大小。
選取適當的控制元件 返回在表單上佈置控制元件的三個程序
改變控制元件的位置 返回在表單上佈置控制元件的三個程序
調整控制元件的大小(1) 命令鈕周圍有 8 個小黑點,試著把滑鼠移到任何一個小黑點上,您將會發現滑鼠指標的形狀改變了 返回在表單上佈置控制元件的三個程序
調整控制元件的大小(2) 按下滑鼠、拉曳、再放開滑鼠即可完成 下一頁 前一頁 返回在表單上佈置控制元件的三個程序
三合一佈置控制元件法(1) 先按下(不是雙按)工具箱中的命令鈕按鈕,此時該按鈕會變成凹陷的,如右:
三合一佈置控制元件法(2) 將滑鼠移到表單上,接著滑鼠游標會變成+形狀
作用中的控制元件
3-3 屬性視窗的操作
屬性列表
物件盒、屬性列表、屬性描述方塊
屬性列表的瀏覽
選取「性質分類」頁籤
在「屬性描述方塊」找屬性
屬性列表與屬性的設定(1) 設定 "Caption"(標題) 屬性的屬性值
屬性列表與屬性的設定(2) 輸入了一半想反悔,可以按 Esc 取消先前的輸入,但如果要重新輸入,則按了 Esc 之後還要再按一次 Tab 鍵。
物件盒與 VB 的物件
在表單上佈置一個命令鈕
再佈置兩個命令鈕
當物件盒尚未拉下時,物件盒列示的是作用中的物件
拉下物件盒,並選取物件盒之中其他的物件,而表單上作用中的物件也會跟著改變
點選表單上的物件,則物件盒所列示的物件也會跟著改變
3-4 物件屬性的設定
物件屬性的設定 有一表單原本如上圖左,經過屬性的設定把它們變成如上圖右
每一個物件都會有它們各自的屬性 屬性視窗中每次只能顯示一個屬性列表,因此只有作用中的物件其屬性列表才會出現在屬性視窗中 。
設定過程: 將 “Command1” 命令鈕變成作用中 。 將屬性視窗調到最前端將“Caption” 屬性的屬性值改成 “命令鈕一”。 參照步驟 1、2 的方法,分別調出 “Command2” 及 “Command3” 的屬性列表,並分別設定其 “Caption” 屬性為 “命令鈕二” 及 “命令鈕三”。 將表單變成作用中:將表單的 “Caption” 屬性改成 “表單一” 。
實例練習:設計出如下的表單 OK 鈕是命令鈕控制元件 “Welcome to VB 6.0" 是一串文字,所以要使用顯示文字的 控制元件(叫做標籤Label) 。
操作步驟 1 選取適當的控制元件並佈置控制元件。
操作步驟 2 設定物件的屬性
操作步驟 3 繼續設定物件的屬性,參照步驟 2,設定表單(Form1)及標籤(Label1)這兩個物件的屬性。 物 件 屬 性 屬 性 值 Caption Hello, VB Label1 Welcome to VB 6.0
操作步驟 4 最後是調整表單的大小
3-5 儲存您的設計成果
儲存您的設計成果 按下工具列的儲存專案命令鈕 ,就可以儲存設計成果。 VB 會將表單的設計部份儲存成 .frm 的表單檔案,此外,還會額外儲存 .vbp 的專案檔案。 所以當我們按下儲存專案命令鈕時,VB 會顯示兩次「另存新檔」的交談窗詢問我們欲儲存的檔案名稱。
專案與專案總管視窗 -1 每一個 VB 程式的開發對VB來說都是一個專案 。 VB剛啟動時,由於使用者還沒決定專案的名稱,所以VB會先給予一個預設的專案名稱,叫做 "Project1“。 而這個專案一開始就含有一個預設的表單叫 "Form1“。
專案與專案總管視窗 -2 假設我們將設計的成果分別儲存成 first.frm 及 myfirst.vbp 兩個檔案,則專案總管視窗中會產生如上的變化 。
叫回先前的設計 在 VB 所開啟的「建立新專案」交談窗中選取「記錄」頁籤,而找到先前存檔的專案名稱。 也可以選取「開啟」頁籤,然後尋找 myfirst.vbp 檔案 VB 的工作環境中,選取功能表的「檔案/開啟舊專案」,接著出現的「開啟舊專案」交談窗也會含有「開啟」及「記錄」頁籤。
3-6 三種屬性設定的型態
三種屬性設定的型態
鍵盤輸入型 屬性值右邊沒有按鈕,屬性值的設定要透過鍵盤輸入的方式來設定。
直接選取型: 屬性值右邊含有下拉按鈕,按下下拉按鈕後,VB 會列出所有的屬性值,使用者只要從中選取即可。
交談窗型 屬性值右邊含有…按鈕,按下…按鈕後,VB 會再開出一個交談窗,使用者要在交談窗中設定屬性。 此一類型屬性所開出的交談窗並無固定格式,所以以下我們就只先介紹 Font 及 Picture 兩種屬性的設定方法。
交談窗型 -- Font 屬性的設定 欲改變上圖命令鈕的字型的大小、樣式 ,設定過程如下兩張投影片
調出屬性視窗並選取 Font(字型) 屬性
出現一字型交談窗
交談窗型 -- Picture 屬性的設定 Picture 屬性是用來設定表單或影像框(Image)控制元件(後述)的背景圖片。
出現一載入圖片交談窗 載入圖片交談窗的功用是用來選取磁碟.bmp、.dib、.wmf、.ico、.cur、.gif、.jpg 等格式的圖片檔,這就是設定 Picture 屬性的方法。
上機練習 -- 設計出以下的表單
上機練習 – Step 1 1.首先是選取適當的控制元件
上機練習 – Step 2 佈置標籤(Label)控制元件到表單上,並設定以下屬性: 屬 性 屬 性 值 Caption (標題) 屬 性 屬 性 值 Caption (標題) 學Visual Basic找王國榮 BorderStyle (邊框樣式) 1 - 單線固定 Alignment(對齊方式) 2 - 靠中對齊 Font (字型) 大小= 12
上機練習 – Step 3~5 3. 佈置影像框(Image)控制元件到表單上。 4. 佈置命令鈕(CommandButton)控制元件到表單上,並設定以下屬性: 屬 性 屬 性 值 Caption (標題) 進入 Font (字型) 大小=12,字型樣式=粗體 5. 將表單的 Caption(標題) 屬性設定為 “更多采多姿的表單”,並調整表單的大小。完成本步驟,表單設計即告完成。