初學 IOS App 開發，換頁困難

ios xcode

GHH 2019-10-21 23:50:14 ‧ 5893 瀏覽

分享至

初學 IOS，一個簡單的換頁功能一直搞不定

App 一進來是右邊的 MainViewController(對到 Main.storyBorad 白色背景)，

想要點了按鈕進到左邊 HomeViewController(對到 Home.storyBorad 藍色背景)，

但是點了之後只出現半透明的遮罩(最左邊模擬器的畫面

附上兩個 ViewController 程式碼

import UIKit

class MainViewController: UIViewController {
    
    @IBOutlet weak var testBtn: UIButton!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // Do any additional setup after loaaading the view.
    }
    
    @IBAction func itemClick(_ sender: UIButton) {
        
        print("itemClick")
        
        let home = HomeViewController.init()
        
        self.present(home, animated: true, completion: nil)
    }
}

import UIKit

class HomeViewController: UIViewController {
    
    @IBOutlet weak var homeLabel: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        print("HomeViewController ViewDidload")

    }
    
}

我在 HomeViewController viewDidLoad 印 Log 是有東西的，代表有進去

再看 Home.storyBorad

右上角的 class 對到 HomeViewController
這樣應該也是有把 Home.storyBorad 和 HomeViewController 關聯起來
為什麼沒有畫面求解

Sam-物理拳頭系工程師(五段) iT邦高手 9 級 ‧ 2019-10-22 22:38:01 檢舉

為什麼不是滿版這個問題……
我猜想你是跑在iOS 13吧。
這是iOS 13的新特性，卡片式頁面。
解決方法：將目標頁面modalPresentationStyle這個屬性改成fullScreen即可
不管是用程式碼或是在storyboard的viewController頁面設置都行。
storyboard的話，點擊ViewController的UI後，在show the Attributes inpector頁籤中找到presentation就可以選擇屬性。選Full Screen(記得是要改目標頁面的)

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

4 個回答

badgameshowtw

iT邦新手 4 級 ‧ 2019-10-22 10:08:58

最佳解答

這有兩種做法

使用code present跳轉
storyBorad 直接控制跳轉

相信應該是希望有圖形化介面
所以新增兩個storyBorad
這邊簡單講解一下跳轉

1. present 跳轉

Xib

如果你要寫Code 下去跳轉
又希望ViewController有圖形化介面可以拉物件
可以再新增ViewController畫面
打勾新增Xib 這樣也是可以使用介面

跳轉

寫法跟你的一樣就可以了
直接可以跳轉過去
圖形化介面在xib裡面操作就可以簡單顯示

@IBAction func clickBtn(_ sender: Any) {
    self.present(NewViewController(), animated: true, completion: nil)
}

Demo

2. storyBorad 跳轉

如果你想storyBorad跳到storyBorad有點奇怪
storyBorad裡面本來就是可以融入很多ViewController
這邊也是簡易教學

拉ViewController物件到你的同一storyBorad

我怕你看不懂就是storyBorad有兩個ViewController

將ViewController class指定到你新增的ViewController

你拉好的ViewController是沒靈魂的
可以將它填入你想要的class名稱

storyBorad 使用 show 跳轉

將你原來的Button 按著鍵盤control拉一條到新的ViewController
然後使用show 就可跳轉了

Demo

最後

這兩種方式都可以跳轉
也可以使用自己新增的ViewController裡面的程式碼

Demo

懶得寫的話我寫好了直接下載看吧
Github:
https://github.com/Bgihe/PresentTest

回應 5
分享
檢舉

看更多先前的回應...收起先前的回應...

GHH iT邦新手 1 級 ‧ 2019-10-22 20:38:58 檢舉

感謝回答，可以問一下為什麼換過去的那一頁不是滿版的嗎

badgameshowtw iT邦新手 4 級 ‧ 2019-10-23 00:37:09 檢舉

iOS 13 把present
變成這種有重疊式的ViewController
有點像是Safari手機版書籤效果
如何關閉我還沒研究哈哈

Sam-物理拳頭系工程師(五段) iT邦高手 9 級 ‧ 2019-10-23 15:06:49 檢舉

badgameshowtw
將目標頁面modalPresentationStyle這個屬性改成fullScreen即可

badgameshowtw iT邦新手 4 級 ‧ 2019-10-23 15:52:02 檢舉

感謝學到一招筆記筆記
modalPresentationStyle該不會是iOS 13後新增的參數
這樣我就要版控去調整了

Sam-物理拳頭系工程師(五段) iT邦高手 9 級 ‧ 2019-10-24 14:42:06 檢舉

badgameshowtw
這個並不是iOS 13後新增的屬性。
而是原本的automatic屬性的預設變成不是fullscreen了。

登入發表回應

Lacie

iT邦新手 4 級 ‧ 2019-10-22 00:58:12

安安你好，我也是 iOS 新手，可能解決不了你的問題 XD（留給後面的高手）
但你想跨 Storyboard 換頁的話可以嘗試使用 Storyboard Reference：

Reference 選 Home 那個 Storyboard

設置 Seque 及 identifier

按下 Button 裡的程式碼

Demo

回應
分享
檢舉

登入發表回應

海綿寶寶

iT邦大神 1 級 ‧ 2019-10-22 08:05:36

現在是
MainViewController 在 Main.storyboard 裡
HomeViewController 在 Home.storyboard 裡
請先改成
MainViewController 和 HomeViewController 都在 Main.storyboard 裡
再看看結果如何

一般來說
一個 app 只需要一個 storyboard (頂多加一個 launch.storyboard)

回應 2
分享
檢舉

Sam-物理拳頭系工程師(五段) iT邦高手 9 級 ‧ 2019-10-22 14:59:21 檢舉

一個app只需要一個storyboard會累死記憶體喔！
好啦！正確的做法是：
同樣系統功能面的東西在同一個storyboard。
因為這樣做的好處連viewController都可以確實的分類。
寫出來的東西才不會混亂。

GHH iT邦新手 1 級 ‧ 2019-10-22 20:32:17 檢舉

同樓上，因為 Android 都是一個畫面對到一個 class，所以對這種很多畫面都塞在同一個 storyboard 的做法很不習慣。

登入發表回應

Sam-物理拳頭系工程師(五段)

iT邦高手 9 級 ‧ 2019-10-22 14:57:04

我在想是呼叫storyboard中的viewController出錯吧！
我這個code是在有navigation下的寫法。
如果是present你改成present的寫法就行了。

@IBAction func nextPage(_ sender: UIButton) {
        let sb = UIStoryboard(name: "Main", bundle: nil)
        let destination: DetailVC = sb.instantiateViewController(withIdentifier: "DetailVC") as! DetailVC 
        self.navigationController?.pushViewController(destination, animated: true)
    }