close

如何透過代碼控制圖形介面(Storyboard)

也就是Code是如何和Storyboard連結的呢?

 

Code與Storyboard的連結ViewController.swift Main.storyboard

下圖就是Storyboard的設計介面,很明顯是一台iPhone 11呢,

你在上面放置的按鈕、Label等等都會在將來顯示在你的手機中。

而這個Storyboard的文件名字就是Main.storyboard (紅圈)

image

而這個文件天然就與ViewController.swift是一對,

不需要額外的設置,直接在ViewController.swift中寫Code就可以輕鬆操控上面的Storyboard啦。

image

那如果我有新的頁面,難道也是在同一個ViewController.swift中寫Code嗎?

按理來說是可以的,只是為了方便管理,不至於多Code到令人想昏倒的話,

建議還是一個頁面配一個寫Code的swift文件啦。

 

點開View的Identity Inspector,它繼承了ViewController的Class,

image

也就是說如果需要在另外的Class中寫Code,就應該在紅圈位置改成相應的Class,也就是這樣:

image

如果點開NewViewController.swift的話,會發現它就是Class NewViewController,

image

 

(如果有人不懂怎麼新增上面的NewViewController.swift的話,

Step 1: 右鍵-〉New File(快捷鍵:Command + "N")

image

Step 2: 選擇Cocoa Touch Class (如果需要繼承其他Class的可直接選擇CocoaTouchClass,例如ViewController, TableViewController等。其他的可直接選Swift File,例如MVC中的Model,以後會再提到。)

image

Step 3:需入新名字(一定要與Storyboard相對應哦)

image

 

至此ViewController就與Storyboard連結成功啦,那到底連結完有什麼用呢?

當然就是透過程式讓Object改變啦。

 

---

如果想了解其他幾種連結方式,可跳至目錄:

[iOS][Xcode][Swift]iPhone手機編程--Code與Storyboard的幾種連結ViewContronller, Object, Delegate, MVC, Segue, CoreData

arrow
arrow

    4ngus 發表在 痞客邦 留言(0) 人氣()