762
《iPhone與iPad開發實戰—iOS經典應用剖析》連載六
3.3.3 主視圖UI主視圖如圖3-36所示是MainView（主視圖）設計窗口，我們一步一步介紹一下如何實現該視圖設計和編程。
圖3-36 MainView視圖設計窗口
主視圖中的控件進行了編號，視圖中的控件內容見表3-7所示。表3-7MainView視圖中的控件
| 編號 |
控件項目 |
控件類型 |
| 1 |
密碼長度標簽 |
UILabel |
| 2 |
密碼長度文本框 |
UITextField |
| 3 |
否顯示發音標簽 |
UILabel |
| 4 |
否顯示發音開關 |
UISwitch |
| 5 |
包括小寫標簽 |
UILabel |
| 6 |
包括小寫開關 |
UISwitch |
| 7 |
包括大寫標簽 |
UILabel |
| 8 |
包括大寫開關 |
UISwitch |
| 9 |
包括數字標簽 |
UILabel |
| 10 |
包括數字開關 |
UISwitch |
| 11 |
包括標點符號標簽 |
UILabel |
| 12 |
包括標點符號開關 |
UISwitch |
| 13 |
產生密碼按鈕 |
UIButton |
| 14 |
輸出密碼文本框 |
UITextField |
| 15 |
發音文本框 |
UITextView |
| 16 |
發送E-mail按鈕 |
UITextField |
| 17 |
背景圖片控件 |
UIImageView |
圖3-37
拖拽Image View到主視圖設計窗口
然後在菜單Tools->Attributes Inspector打開按鈕檢查器，點中標簽中對話框的Image下拉列表中選擇SafeBack.png圖片，如圖3-38所示。
圖3-38
選擇圖片設計窗口
背景圖片添加完成之後，我們就可以添加其它的控件了，這個沒有先後順序，從對象庫中拖拽並擺放好就可以了。下麵我們添加幾個有代表性的，其它的就不再介紹了，先看密碼長度標簽如何做的吧，通過對象庫拖拽一個Label控件到設計視圖，然後雙擊使其處於編輯狀態，輸入Password Length如圖3-39所示。再將鼠標點擊到其它地方，這樣密碼長度標簽就添加完成了。
圖3-39
編輯Label控件
密碼長度文本框是從對象庫拖拽一個Text Field控件到設計視圖如圖3-40所示。
圖3-40
編輯文本框控件
然後在菜單Tools->Attributes Inspector打開檢查器，點中標簽打開檢查器，在Text項目中輸入8，這可以讓文本框顯示8的初始值，在Alignment項目中選擇右對齊按鈕，如圖3-41所示。
圖3-41
文本框檢查器
其它的控件就不再一一介紹，在視圖的下方還有3個隱藏控件，這些控件是如何實現隱藏和顯示的呢？在本應用中是通過調整Alpha（透明度）屬性，Alpha取值範圍是0.0~1.0，0.0是最弱即完全透明，1.0是最強即完全不透明。從對象庫拖拽一個按鈕到設計視圖，雙擊該按鈕，編輯按鈕的標簽E-Mail
Password，然後打開檢查器，點中標簽，找到Alpha屬性如圖3-42所示，將劃塊拖到最左邊，就是0.0取值
。
圖3-42 Alpha屬性
其它2個控件也可以這樣設置Alpha值。這樣整個主視圖UI部分就完成了。下麵我們介紹主視圖代碼實現。最後更新：2017-04-02 16:47:36