iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 4
0
Mobile Development

從零開始-30日練習開發iOS APP系列 第 4

從零開始-30日練習開發iOS APP-新增ViewController Day-4

前言:
既然UI的設定學會了,就開始弄出新的頁面吧

正文:
詳細操作以圖片說明
找到View Controller元件,拖曳並且新增
https://ithelp.ithome.com.tw/upload/images/20200916/20129715IUFjcKRs2L.png

新增檔案
https://ithelp.ithome.com.tw/upload/images/20200916/20129715EGic3wUVS0.png

點選Cocoa Touch Class
https://ithelp.ithome.com.tw/upload/images/20200916/20129715n5HVWBrG1D.png

更改ViewController的名稱
https://ithelp.ithome.com.tw/upload/images/20200916/201297152arEXaiUGd.png

按下 Create
https://ithelp.ithome.com.tw/upload/images/20200916/20129715dnnDd7iszW.png

這是建好新的ViewController的樣子
https://ithelp.ithome.com.tw/upload/images/20200916/20129715ACq6oCQodL.png

接著再到 Main.storyboard 更改其 ViewController 的 Custom Class
將 Class 改成 剛剛建立檔案所使用的 ViewController名稱
https://ithelp.ithome.com.tw/upload/images/20200916/20129715sunm7NfMuA.png

到這裡為止,新的 ViewController 可以算是完成
======================================
至於從第一個 ViewController 跳到第二個 ViewController 的方法有很多
本篇以UIButton為例

按住 Control + 滑鼠左鍵 拖曳到新的ViewController上
https://ithelp.ithome.com.tw/upload/images/20200916/20129715KAoOznTqDa.png

點擊 show
https://ithelp.ithome.com.tw/upload/images/20200916/20129715iCxQPJwCKB.png

接著試著執行程式,按下 UIButton 即會 show 出新增的 ViewController
Imgur


上一篇
從零開始-30日練習開發iOS APP-Swift起步走 Day-3
下一篇
從零開始-30日練習開發iOS APP-AutoLayout Day-5
系列文
從零開始-30日練習開發iOS APP30

尚未有邦友留言

立即登入留言