美文网首页
SwiftUI学习<一>

SwiftUI学习<一>

作者: 玉思盈蝶 | 来源:发表于2021-02-07 22:18 被阅读0次

1、command + option + p 刷新canvas画布

2、SwiftUI支持环境:iOS13+Swift5.1+Xcode11

3、列表List使用:

struct ContentView: View {
    var body: some View {
        List(0 ..< 5) { item in
            Image(systemName: "photo")
            VStack(alignment: .center) {
                Text("长城")
                Text("北京")
                    .font(.subheadline)
                    .foregroundColor(.secondary)
            }
        }
    }
}

4、SwiftUI导航栏,页面跳转:

struct ContentView: View {
    var body: some View {
        // 导航栏
        NavigationView {
            List(0 ..< 5) { item in
                // 点击事件
                NavigationLink(
                    destination: Text("好")) {
                    Image(systemName: "photo").cornerRadius(3.0)
                    VStack(alignment: .center) {
                        Text("长城")
                        Text("北京")
                            .font(.subheadline)
                            .foregroundColor(.secondary)
                    }
                }
            }.navigationTitle("世界地标")
        }
    }
}

5、页面跳转,页面叠加:

struct LandmarkDetail: View {
    var body: some View {
        // 叠加效果
        ZStack(alignment: .bottomTrailing) {
            Image("guide1")
                .resizable()
                .aspectRatio(contentMode: .fit)
                .navigationBarTitle("试试", displayMode: .inline)
                // 让文字靠最下显示
                .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
            Text("北京呀~")
                .font(.largeTitle)
                .foregroundColor(.secondary)
        }
    }
}

struct LandmarkDetail_Previews: PreviewProvider {
    static var previews: some View {
        // 导航栏显示
        NavigationView {
            LandmarkDetail()
        }
    }
}

6、SwiftUI页面跳转正向传值:

相关文章

  • swiftUI 常用控件介绍

    最近在学习swiftUI,首先来介绍一下swiftUI的一些基本用法,swiftUI和Flutter的语法比较类似...

  • SwiftUI 简介

    推荐学习SwiftUI官网[https://swiftui.jokerhub.cn]学习,下面大多是官网的解释,感...

  • swiftUI学习(一)

    @state属性:用@state声明以后,他会帮我们默认生成以下操作 自定义属性装饰器: 去使用

  • SwiftUI学习<一>

    1、command + option + p 刷新canvas画布 2、SwiftUI支持环境:iOS13+Swi...

  • JPDesignCode for iOS15

    SwiftUI学习项目 学自于国外一个很出名的SwiftUI课程:DesignCode[https://desig...

  • WWDC21 学习系列之 SwiftUI 支持将 Markdo

    新特性 SwiftUI 支持将 Markdown 直接传递给文本Text 示例代码 加入我们一起学习SwiftUI...

  • Swift5之开篇

    开始学习Swift5,记录一下学习的内容。 昨天开始看apple的文档,感受了下SwiftUI,SwiftUI5的...

  • SwiftUI 02-构建列表和导航(Building List

    本章Demo 链接Blog 链接 简介 此示例是记录学习SwiftUI的过程,原文出自SwiftUI Essent...

  • SwiftUI学习

    官方基础工程简介 AppDelegate.swift 负责外部事件监听 SceneDelegate.swift 负...

  • SwiftUI学习

    学习文章 文集:Hacking with iOS: SwiftUI Edition[https://www.jia...

网友评论

      本文标题:SwiftUI学习<一>

      本文链接:https://www.haomeiwen.com/subject/tkutxltx.html