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

MikeWu
MikeWu
Aug 29, 2017 · 4 min read

作出一個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

)
Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade