iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 20
0
Mobile Development

《菜鳥のSwift》持續30天開發挑戰系列 第 20

《DAY 20》利用 Xib 把做好的畫面重複使用

  • 分享至 

  • xImage
  •  

今天來簡單記錄一下如何使用 Xib,把我們做好的畫面重複使用,而不必在 Storyboard 裡一直修改。

新增一個 View(副檔名為 xib),然後在畫面裡做你想做的事。
https://ithelp.ithome.com.tw/upload/images/20201003/20129680y6VK0o7Gft.png

新增一個繼承 UIView 的檔案。
https://ithelp.ithome.com.tw/upload/images/20201003/20129680aTtiMgcGpb.png

在 File's Owner 的 Class 選擇剛剛建好的 Class。
https://ithelp.ithome.com.tw/upload/images/20201003/20129680Q4mOV6QjOl.png

從 View 拉 Outlet 到建好的檔案裡並加入程式碼。
https://ithelp.ithome.com.tw/upload/images/20201003/20129680Mqwbiu8r27.png

import UIKit

class TestView: UIView {

    @IBOutlet var myView: UIView!
    
     override init(frame: CGRect) {
         super.init(frame: frame)
         setup()
     }

     required init?(coder: NSCoder) {
         super.init(coder: coder)
         setup()
     }

    func setup() {
        Bundle.main.loadNibNamed("TestView", owner: self, options: nil)
            addSubview(myView)
            myView.frame = bounds
    }

}

在 View Controller 裡 View 的 Class 選擇建好的 Class。
https://ithelp.ithome.com.tw/upload/images/20201003/20129680PvRF9TgfMG.png

https://ithelp.ithome.com.tw/upload/images/20201003/20129680XO1UREOqtd.png


上一篇
《DAY 19》生命週期
下一篇
《DAY 21》在 App 裡放入 YouTube 影片
系列文
《菜鳥のSwift》持續30天開發挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言