iOS系列 基礎篇 06 標簽和按鈕 (Label & Button)
目錄:
標簽和按鈕是兩個常用的控件,下面咱們逐一學習。
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的相關屬性。
也算是小有成就感吧。呵呵。
下一篇咱們就學習一下如何給他們添加動作事件,做一個小案例出來。加油、😄