一萬小時.iOS App學習:UILabel(1)

作出一個Label在畫面中,其實跟畫畫有點像,試著想一下,如果你要創造一個角色讓大家看到,你會怎麼做?

首先、你應該會給這個角色一個名字吧???然後應該會設定它是個人?是怪物?是神?是…屎?(啥鬼)

第二、就是要設定這個角色的”大小”以及在圖紙上的”位置”

第三、當然,你得給它”顏色”,總不可能線條是透明的吧??這樣紙上根本就空無一物呀!

第四、就是要在這個角色上給點文字讓它說說話或是至少表達一些事,不然光一個角色站在那很無趣吧?

第五、最後,就是把你腦海中的這個角色實際畫到圖紙上囉!!!

對應畫圖的部份,要在畫面中以純Code碼顯示一個Label(標籤),做法其實也差不多。對應上面的五點,修改如下:

  1. 給這個標籤(Label)一個名字,並將它指定為UILabel的型別
  2. 設定這個標籤(Label)在畫面中的位置(x與y的座標點)以及它本身的大小(長度與寬度)
  3. 設定標籤的背景色(如果沒有設定的話,這個標籤不會帶有任何的顏色,也就是在畫面中,你會看不到它)
  4. 設定標籤內的文字(這個非必要條件,不過既然都是要有一個標籤,表示你希望有些資訊可以傳遞給使用者,如果沒有文字,不是很奇怪嗎?)
  5. 將標籤顯示在畫面中

你看看是不是都是一樣的「公式」???

現在就依據上述的五個要點,我們來試著按照步驟,在畫面中顯示一個標籤吧!

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型別

→ 設定標籤在畫面中的位置與它本身的大小

→ 設定標籤的背景顏色

→ 設定標籤的內容文字

→ 將標籤顯示在畫面中

參考資料:

http://docs.fabo.io/swift/uikit/001_uilabel.html

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.