新觀念的 VB6 教本 第 3 章表單設計.

Presentation on theme: "新觀念的 VB6 教本 第 3 章表單設計."— Presentation transcript:

1 新觀念的 VB6 教本 第 3 章表單設計

2 3-1 與表單設計相關的視窗

3 與表單設計相關的視窗 表單視窗：設計表單的場所。 工具箱視窗：提供給表單設計必要的控制元件。 屬性視窗：瀏覽並設定表單、控制元件的屬性。

4 表單視窗 表單，是展現「視覺化」設計的視窗 返回與表單設計相關的視窗

5 工具箱視窗 請不要把工具箱跟VB主視窗的工具列混為一談， 工具列的每一個圖形命令鈕所代表的是一個操作 VB 的指令。
返回與表單設計相關的視窗

6 屬性視窗 返回與表單設計相關的視窗

7 3-2 在表單上佈置控制元件

8 在表單上佈置控制元件的三個程序 選取適當的控制元件。 改變控制元件的位置。 調整控制元件的大小。

9 選取適當的控制元件 返回在表單上佈置控制元件的三個程序

10 改變控制元件的位置 返回在表單上佈置控制元件的三個程序

11 調整控制元件的大小(1) 命令鈕周圍有 8 個小黑點，試著把滑鼠移到任何一個小黑點上，您將會發現滑鼠指標的形狀改變了
返回在表單上佈置控制元件的三個程序

12 調整控制元件的大小(2) 按下滑鼠、拉曳、再放開滑鼠即可完成 下一頁 前一頁 返回在表單上佈置控制元件的三個程序

13 三合一佈置控制元件法(1) 先按下(不是雙按)工具箱中的命令鈕按鈕，此時該按鈕會變成凹陷的，如右：

14 三合一佈置控制元件法(2) 將滑鼠移到表單上，接著滑鼠游標會變成＋形狀

15 作用中的控制元件

16 3-3 屬性視窗的操作

17 屬性列表

18 物件盒、屬性列表、屬性描述方塊

19 屬性列表的瀏覽

20 選取「性質分類」頁籤

21 在「屬性描述方塊」找屬性

22 屬性列表與屬性的設定(1) 設定 "Caption"(標題) 屬性的屬性值

23 屬性列表與屬性的設定(2) 輸入了一半想反悔，可以按 Esc 取消先前的輸入，但如果要重新輸入，則按了 Esc 之後還要再按一次 Tab 鍵。

24 物件盒與 VB 的物件

25 在表單上佈置一個命令鈕

26 再佈置兩個命令鈕

27 當物件盒尚未拉下時，物件盒列示的是作用中的物件

28 拉下物件盒，並選取物件盒之中其他的物件，而表單上作用中的物件也會跟著改變

29 點選表單上的物件，則物件盒所列示的物件也會跟著改變

30 3-4 物件屬性的設定

31 物件屬性的設定 有一表單原本如上圖左，經過屬性的設定把它們變成如上圖右

32 每一個物件都會有它們各自的屬性 屬性視窗中每次只能顯示一個屬性列表，因此只有作用中的物件其屬性列表才會出現在屬性視窗中 。

33 設定過程： 將 “Command1” 命令鈕變成作用中 。 將屬性視窗調到最前端將“Caption” 屬性的屬性值改成 “命令鈕一”。
參照步驟 1、2 的方法，分別調出 “Command2” 及 “Command3” 的屬性列表，並分別設定其 “Caption” 屬性為 “命令鈕二” 及 “命令鈕三”。 將表單變成作用中：將表單的 “Caption” 屬性改成 “表單一” 。

34 實例練習：設計出如下的表單 OK 鈕是命令鈕控制元件
“Welcome to VB 6.0" 是一串文字，所以要使用顯示文字的 控制元件(叫做標籤Label) 。

35 操作步驟 1 選取適當的控制元件並佈置控制元件。

36 操作步驟 2 設定物件的屬性

37 操作步驟 3 繼續設定物件的屬性，參照步驟 2，設定表單(Form1)及標籤(Label1)這兩個物件的屬性。 物 件 屬 性 屬 性 值
Caption Hello, VB Label1 Welcome to VB 6.0

38 操作步驟 4 最後是調整表單的大小

39 3-5 儲存您的設計成果

40 儲存您的設計成果 按下工具列的儲存專案命令鈕 ，就可以儲存設計成果。
VB 會將表單的設計部份儲存成 .frm 的表單檔案，此外，還會額外儲存 .vbp 的專案檔案。 所以當我們按下儲存專案命令鈕時，VB 會顯示兩次「另存新檔」的交談窗詢問我們欲儲存的檔案名稱。

41 專案與專案總管視窗 -1 每一個 VB 程式的開發對VB來說都是一個專案 。
VB剛啟動時，由於使用者還沒決定專案的名稱，所以VB會先給予一個預設的專案名稱，叫做 "Project1“。 而這個專案一開始就含有一個預設的表單叫 "Form1“。

42 專案與專案總管視窗 -2 假設我們將設計的成果分別儲存成 first.frm 及 myfirst.vbp 兩個檔案，則專案總管視窗中會產生如上的變化 。

43 叫回先前的設計 在 VB 所開啟的「建立新專案」交談窗中選取「記錄」頁籤，而找到先前存檔的專案名稱。
也可以選取「開啟」頁籤，然後尋找 myfirst.vbp 檔案 VB 的工作環境中，選取功能表的「檔案/開啟舊專案」，接著出現的「開啟舊專案」交談窗也會含有「開啟」及「記錄」頁籤。

44 3-6 三種屬性設定的型態

45 三種屬性設定的型態

46 鍵盤輸入型 屬性值右邊沒有按鈕，屬性值的設定要透過鍵盤輸入的方式來設定。

47 直接選取型： 屬性值右邊含有下拉按鈕，按下下拉按鈕後，VB 會列出所有的屬性值，使用者只要從中選取即可。

48 交談窗型 屬性值右邊含有…按鈕，按下…按鈕後，VB 會再開出一個交談窗，使用者要在交談窗中設定屬性。
此一類型屬性所開出的交談窗並無固定格式，所以以下我們就只先介紹 Font 及 Picture 兩種屬性的設定方法。

49 交談窗型 -- Font 屬性的設定 欲改變上圖命令鈕的字型的大小、樣式 ，設定過程如下兩張投影片

50 調出屬性視窗並選取 Font(字型) 屬性

51 出現一字型交談窗

52 交談窗型 -- Picture 屬性的設定 Picture 屬性是用來設定表單或影像框(Image)控制元件(後述)的背景圖片。

53 出現一載入圖片交談窗 載入圖片交談窗的功用是用來選取磁碟.bmp、.dib、.wmf、.ico、.cur、.gif、.jpg 等格式的圖片檔，這就是設定 Picture 屬性的方法。

54 上機練習 -- 設計出以下的表單

55 上機練習 – Step 1 1.首先是選取適當的控制元件

56 上機練習 – Step 2 佈置標籤(Label)控制元件到表單上，並設定以下屬性: 屬 性 屬 性 值 Caption (標題)
屬 性 屬 性 值 Caption (標題) 學Visual Basic找王國榮 BorderStyle (邊框樣式) 1 - 單線固定 Alignment(對齊方式) 2 - 靠中對齊 Font (字型) 大小= 12

57 上機練習 – Step 3~5 3. 佈置影像框(Image)控制元件到表單上。
4. 佈置命令鈕(CommandButton)控制元件到表單上，並設定以下屬性： 屬 性 屬 性 值 Caption (標題) 進入 Font (字型) 大小=12，字型樣式=粗體 5. 將表單的 Caption(標題) 屬性設定為 “更多采多姿的表單”，並調整表單的大小。完成本步驟，表單設計即告完成。