一萬小時.iOS App學習:UILabel(1)
作出一個Label在畫面中,其實跟畫畫有點像,試著想一下,如果你要創造一個角色讓大家看到,你會怎麼做?
首先、你應該會給這個角色一個名字吧???然後應該會設定它是個人?是怪物?是神?是…屎?(啥鬼)
第二、就是要設定這個角色的”大小”以及在圖紙上的”位置”
第三、當然,你得給它”顏色”,總不可能線條是透明的吧??這樣紙上根本就空無一物呀!
第四、就是要在這個角色上給點文字讓它說說話或是至少表達一些事,不然光一個角色站在那很無趣吧?
第五、最後,就是把你腦海中的這個角色實際畫到圖紙上囉!!!

對應畫圖的部份,要在畫面中以純Code碼顯示一個Label(標籤),做法其實也差不多。對應上面的五點,修改如下:
- 給這個標籤(Label)一個名字,並將它指定為UILabel的型別
- 設定這個標籤(Label)在畫面中的位置(x與y的座標點)以及它本身的大小(長度與寬度)
- 設定標籤的背景色(如果沒有設定的話,這個標籤不會帶有任何的顏色,也就是在畫面中,你會看不到它)
- 設定標籤內的文字(這個非必要條件,不過既然都是要有一個標籤,表示你希望有些資訊可以傳遞給使用者,如果沒有文字,不是很奇怪嗎?)
- 將標籤顯示在畫面中

你看看是不是都是一樣的「公式」???
現在就依據上述的五個要點,我們來試著按照步驟,在畫面中顯示一個標籤吧!
Step1、命名一個標籤,並將它指定為UILabel的型別
var 變數名稱 = UILabel() ← 粗體字的部份,就是自己需要填入的部份
var myLabel = UILabel()
Step2、設定標籤(Label)在畫面中的位置與它本身的尺寸大小
變數名稱 = UILabel(frame: CGRect(x:數值, y:數值, width:數值, height:數值))← 粗體字的部份,就是自己需要填入的部份(變數名稱需與第一步驟設定的名稱一樣)
myLabel = UILabel(frame: CGRect(x:100, y:100, width:200, height:50))
Step3、設定標籤(Label)的背景色
變數名稱.backgroundColor = UIColor.顏色← 粗體字的部份,就是自己需要填入的部份(變數名稱需與第一步驟設定的名稱一樣)
myLabel.backgroundColor = UIColor.orange
Step4、設定標籤(Label)內容文字
變數名稱.text = “顯示的文字內容”← 粗體字的部份,就是自己需要填入的部份(變數名稱需與第一步驟設定的名稱一樣)
<blockquote> myLabel.text = “Hello!”
Step5、將標籤(Label)顯示於畫面中
self.view.addSubview(變數名稱)← 粗體字的部份,就是自己需要填入的部份(變數名稱需與第一步驟設定的名稱一樣)
self.view.addSubview(myLabel)
這樣就完成一個標籤了!夠簡單吧!

再次提醒,要在畫面上建立一個標籤(Label),請記住下列五個步驟:
→ 給標籤一個名字,將它指定為UILabel型別
→ 設定標籤在畫面中的位置與它本身的大小
→ 設定標籤的背景顏色
→ 設定標籤的內容文字
→ 將標籤顯示在畫面中
參考資料:
