Swift on Xcode#4[視圖控制器ViewController:UIView、UILabel]

影山小麥機
Jul 12, 2021

前言

100Days of Swift的內容在Day16就有點跳級打怪的感覺,我覺得我們還是先補充些基本的東西,如果有合適的案例,再從100Days of Swift補充。

繼上一篇,我們可以知道幾件事:

  1. 也就是說,視圖 = view = 文字、圖片、元件……(按鈕、選單、列表
  2. 視圖控制器 =ViewController =負責資料處理、視圖排版
  3. 一個UIViewController負責一個畫面、多個畫面由多個UIViewController負責

不過,既然都說到UIView了,我們就應該建一個來試試看。

而這邊也會介紹UILabel的建構,且由於兩者有些共通點,也會稍微提一下。

正文

1.UIView的建構

14行的地方,我們先建構一個視圖,框架是:CGRect,長寬方別都是100

15行的地方addSubview( )的意思就是將firstView加進視圖。

17行的地方用UIScreen.main.bounds.size來取得整個螢幕的尺寸。

18行的位置主要就是利用CGPoint將UIView設置到畫面中心

19行為其上色

成品如圖:

2.UILabel的建構

UILabel是一種顯示標題、人名、數字或是一段文字的元件,比較實際的用法大概如下:

其實UILabel跟UIView其實非常相似,以上這些東西就不贅述了,會產出的東西加上上面的UIView:

3.UIView、UILabel可共用的屬性

由於兩者真的太像了,所以具有共通的屬性也是很正常的事情。

我個人覺得比較重要的有幾個:

  1. self.view.addSubview( )這個是把你做的東西,無論是Label、View顯示在畫面上,沒有這個你什麼都看不到!
  2. UIScreen.main.bounds.size,這個可以做的事情,就是把你螢幕的尺寸顯示出來,之後可以做其他調校

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

影山小麥機
影山小麥機

Written by 影山小麥機

本職為Mobile工程師,熱愛分享視野,也樂意站在ChatGPT的肩膀上。訂閱小麥機,收割技術、職涯、人生的難題。

No responses yet

Write a response