iOS系列 基礎篇 06 標籤和按鈕 (Label & Button)

標籤：

iOS系列 基礎篇 06 標籤和按鈕 (Label & Button)

 

目錄：

1. 標籤控制項
2. 按鈕控制項
3. 小結

 

　　標籤和按鈕是兩個常用的控制項，下面咱們逐一學習。

 

1. 標籤控制項

　　使用Single View Application模板建立一個名為“LabelAndButtonSimple”的工程

 

　　（PS：具體建立過程和各設定項介紹等可參見前面的文章，這裡就簡單帶過了：）

 

　　(1) 開啟Xcode，選擇Create a new Xcode Project：

 

　　(2) 選擇Single View Application模板，點擊Next：

 

　　(3) 設定項目相關資訊，點擊Next儲存並完成建立：

 

　　(4) 開啟Main.storyboard檔案，從物件程式庫中拖拽一個Label控制項，並將其擺放在設計檢視的置中位置：

 

　　從可以看出，Label標籤的屬性偵測器中包涵Label和View兩個分組：

• Label組主要是設定文本相關的屬性，例如常值內容、字型顏色、字型類型、對齊等。
• View組主要是從視圖的角度對控制項進行設定，例如背景、外觀等。

 

　　所有的視圖都具有View組。

 

　　之前的文章介紹過，我們可以通過雙擊或者設定屬性來實現Label控制項的文本輸入，這裡的屬性指的就是Label組下的Text屬性。

　　當然，你也可以使用代碼操作Label控制項的這一屬性，從而實現文本的設定和編輯。

 

　　需要說明的是，物件程式庫中包涵了控制器、基本控制項、進階控制項和手勢等很對對象。

　　隨著版本的升級，物件程式庫還在不斷的擴充和完善，短時間內可能無法找到指定的控制項，此時我們可以在物件程式庫中直接閉著眼輸入控制項名，或者藉助物件程式庫下方的搜尋欄來尋找。

　　

 

 

 

2. 按鈕控制項

　　按照上面操作Label控制項的方式，從物件程式庫中拖拽一個Button控制項並放到Label標籤的正下方，

 

　　雙擊該按鈕，輸入文本OK：

 

　　現在按鈕的狀態是預設狀態（未點擊的正常顯示狀態），我們運行瞅一下效果：

 

 

　　為了美觀，一般還要通過屬性偵測器最佳化一下該按鈕。

　　開啟屬性偵測器，找到Type設定項：

 

　　展開Type下拉式清單，可以選擇很多按鈕類型，

 

　　其中，各項含義如下：

• Custom：自訂類型。如果我們不喜歡圓角按鈕，可以使用此類型。
• System：系統預設屬性，表示該按鈕沒有邊框。在iOS 7之前，按鈕預設為圓角矩形。
• Detail Disclosure：細節展示按鈕（一個圈，裡面一個字母i），主要用於表視圖中的細節展示。
• Info Light和Info Dark：這兩個是資訊按鈕，和上面的細節展示按鈕一樣，表示有一些資訊需要展示，或者有可以設定的內容。
• Add Contact：新增連絡人...按鈕（一個圈，裡面一個＋）。

 

　　如果希望點擊按鈕時按鈕中央高亮顯示，可以勾選Drawing中的Show Touch On Highlight複選框，

 

　　為了能突出高亮的效果，我們可以把按鈕背景設定為深顏色，這可以到屬性偵測器的View - Background中設定：

 

　　這裡，我設定的是黑色，為了觀察高亮的效果嘛。呵呵，運行結果如下：

 

 

 

 

3. 結尾

　　這裡我們雖然還沒有任何點擊等動作事件的代碼，但是到目前為止，我們已經學習了如果建立並設定Label與Button的相關屬性。

　　也算是小有成就感吧。呵呵。

 

　　下一篇咱們就學習一下如何給他們添加動作事件，做一個小案例出來。加油、??

 

iOS系列 基礎篇 06 標籤和按鈕 (Label & Button)