SwiftUI 2.0 制作個側邊欄基于GeometryReader和Lazy(教程含源碼)

本文價值與收獲

看完本文后，您將能夠作出下面的界面

側邊欄

看完本文您將掌握的技能

掌握GeometryReader的基礎使用
掌握Lazy組件基礎使用
實現側邊欄效果

代碼

import SwiftUI

struct ContentView: View {
    var body: some View {
        SideMenuTest()
    }
}

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

struct SideMenuTest: View {
    
    @State var selection: Int = 0
    
    var body: some View {
        ZStack {
            Color.gray.opacity(0.8)
            SideMenu(selected: $selection, options: ["源碼", "教程", "文檔"])
        }.edgesIgnoringSafeArea(.vertical)
    }
}

struct SideMenu: View {
    
    @Binding var selected: Int
    var options: [String]

本文鏈接：https://blog.csdn.net/iCloudEnd/article/details/107144584

智能推薦

SwiftUI 2.0 Text 新功能之強大的日期顯示功能 (教程含代碼)

WWDC20 新功能 WWDC20 對Text進行全面加強，最典型就是增加了日期顯示功能，具體功能如下： date 顯示日期 offset 日期偏移 relative 相對樣式 time 顯示日期 timer 顯示倒計時本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能格式化顯示日期顯示兩個日期相差顯示時間通過年月日生成Date 代碼...

SwiftUI 2.0 實現無限滾動的分頁列表(高性能含源碼)

本文價值與收獲看完本文后，您將能夠作出下面的界面實戰需求我們平時構建的應用基本上都是列表類應用，例如待辦事項列表、微博、微信朋友圈和視頻列表等。這些列表都是可以無限滾動的，那這個功能該如何實現呢。本篇文章將告訴大家個非常簡單高效的構建無限滾動List的方法，而且該方法還不會有性能問題。列表實現目前有兩種方法，一種List，另外一種Scrollview。在wwdc20之前，我不太推薦大家使用...

SwiftUI 超強大文章編輯組件支持多行顯示并限制行數與字符數(兼容SwiftUI1.0和SwiftUI 2.0)

SwiftUI 超強大文章編輯組件支持多行顯示并限制行數與字符數(兼容SwiftUI1.0和SwiftUI 2.0) 實戰需求 SwiftUI的TextField和TextEditor目前都存在中文輸入問題，如何優雅的隱藏鍵盤也是個問題？如何獲取字符數和行數呢？如何限制字符數和行數呢？本文將為大家制作個可以用于生產環境的強大文本輸入框本文價值與收獲看完本文后，您將能夠作出下面的界面看...

SwiftUI 2.0 List 實力加強新增呈現分層數據功能(wwdc20 教程含源碼)

本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能 List新功能實現可以展開與關閉效果代碼 1、定義個自定義Item 2、制作需要顯示的分層數據 3、完成代碼...

SwiftUI2.0如何向后兼容之前項目和代碼

SwiftUI如何向后兼容性現在是時候開始發現WWDC 2020帶來的所有新SwiftUI功能了。但是，就像每年一樣，幾毫秒后，興奮就消散了，當您記住放棄對較早版本的OS的支持并不是您的選擇。通常，我們求助于#available朋友。例如，假設您有一個較長的HStack。您可以決定使用新的LazyHStack，以利用其對長堆棧的性能改進。但是，如果您的應用程序在iOS13上運行，則可以...

SwiftUI 2.0 制作個側邊欄基于GeometryReader和Lazy(教程含源碼)

本文價值與收獲

看完本文后，您將能夠作出下面的界面

看完本文您將掌握的技能

代碼

智能推薦

猜你喜歡