UIKit與swiftUI 交互

標簽： swift與swiftUI swift

UIKit與swiftUI 交互

運用swiftUI寫界面非常迅速且酷炫。大大減少了曾經在UIKit中的代碼量。
不過有時候可能你還會需要用到UIKit，但是你又想用swiftUI做界面，此時就考慮到二者交互的問題了。

UIViewControllerRepresentable

在swiftUI中提供了一個UIViewControllerRepresentable協議
我們可以用它作為UIKit 與swiftUI的橋接
在這里插入圖片描述

第一步：

你依然可以像往常一樣，新建一個swift文件，把他命名為viewController 然后導入UiKit ，然后再讓它繼承UIViewController 重寫父類的viewDidLoad()方法，你也可以往里面隨便添點東西，為后面驗證做準備，just like this…

第二步橋接

第二步就是在你的swiftUI文件中寫一個結構體連接你剛創建的viewController 他需要遵循并實現UIViewControllerRepresentable這個協議

第三步應用

接下來直接在你swiftUI中結構體中調用第二步的結構體就OK了

顯示效果如圖

在這里插入圖片描述

代碼如下：

viewController.swift 文件中：

import Foundation
import UIKit
class viewController: UIViewController{
    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = .brown
        let viewDemo = UIView(frame: CGRect(x: 100, y: 100, width: 100, height: 100))
        viewDemo.backgroundColor = .green
        self.view.addSubview(viewDemo)
        
    }
}

ConventView.swift 文件中

//UIKit 橋接
struct UIBridging: UIViewControllerRepresentable {
    //這個UIViewControllerType你要接哪個就是哪個，在這里就是viewController
    typealias UIViewControllerType = viewController
    //必須實現的方法，當swiftUI要顯示view時，會調用這個方法。返回值就是當前需要顯示的類
    func makeUIViewController(context: UIViewControllerRepresentableContext<UIBridging>) -> UIBridging.UIViewControllerType {
        return viewController()
    }
    //更新UIViewController時會調用此方法
    func updateUIViewController(_ uiViewController: viewController, context: UIViewControllerRepresentableContext<UIBridging>) {
    }
}
struct ContentView: View{
    var body: some View {
        UIBridging()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

注：你也可以寫在一個文件中，但后期為了看著方便，簡介，還是分開寫比較好一些

本文鏈接：https://blog.csdn.net/VistorsYan/article/details/103955863

智能推薦

ClickHouse與HDFS交互

ClickHouse與Hadoop的兼容性不好，數據交互還是依靠將數據導出為固定格式的文件，然后將文件導入到ClickHouse中。從HDFS讀取數據從HDFS上讀取數據類似于將HDFS作為外部存儲，然后去拉取HDFS上的數據。需要用到一個新的引擎HDFS：但是數據實際上還是在HDFS上，如果關掉HDFS，他就會報錯。從HDFS導入數據我們想要將讀取到的數據保存到本地，只需要將讀取數據...

Qt與Excel交互

寫在前面之前對與Qt和Excel、Word的交互不太了解，知道有這么回事，但是具體怎么寫和涉及到那些類不太清楚。結果工作中要用到，因為不太熟悉這方面，所以被另外一個“同事”接下了客戶發布的“賞金任務”，感到遺憾，失去了一個在工作中鍛煉自己和表現自己的機會。不過沒關系，自己看看和了解一下基本操作還是可以滴。 Q...

mysql與python交互

安裝MySQL第三方庫打開pycharm ,點擊文件 setting設置,在點擊左邊的紅色框,然后點擊右邊的加號,會出現一個對話框然后輸入pymysql ,然后紅色的小圈不用打鉤,點擊下面的紅色框等待安裝成功提示就好了 python中使用mysql 步驟: conn=connect(參數列表) 參數host：連接的mysql主機，如果本機是’localhost’ 參數p...

MySQL與python交互

mysql與python交互步驟: 開始–>建立連接–>獲取游標–>操作–>關閉游標–>關閉鏈接–>結束引入模塊在py文件中引入pymysql模塊 Connection 對象用于建立與數據庫的連接創建對象：調用connect()方法參數host：連接的mysql主機，如果本機是&...

在混合開發中，我們的webView不僅僅是用來展示網頁，還可能需要跟網頁進行交互，這么一來就需要android調用網頁中的js方法或者js調android本地的方法。二話不說先上個圖：對webview使用還不熟悉的同學可以先看看這個篇博客webView的簡單使用 Android調用網頁中的js方法步驟 1.首先是基本的設置 2.在網頁中創建要被調用的方法 3.通過 webView.loadUr...