美文网首页
SwiftUI—将子视图作为属性以使布局代码更简洁

SwiftUI—将子视图作为属性以使布局代码更简洁

作者: anny_4243 | 来源:发表于2020-07-20 10:28 被阅读0次

原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC5%E8%8A%82viewasproperties-

本节课演示如何将一些视图,作为另一个视图的属性。当一个视图需要嵌入多个子视图时,将这些子视图作为属性来处理,会使子视图的布局代码更简洁。

示例代码:

struct ContentView : View {
    
    let icon = Image(systemName: "book.fill") //初始化一个用来显示书本图标的图像视图,作为当前视图的一个属性
    let title = Text("Interactive Tutorials") //继续初始化一个文本视图,作为当前视图的第二个属性
    let flag = Image(systemName: "icloud.and.arrow.down") //初始化一个用来显示云下载图标的图像视图,作为当前视图的第三个属性
    
    var body: some View {
        HStack(alignment: .bottom, spacing: 40){
            icon
            title
            Spacer()
            flag
        }
        .padding()
    }
}

相关文章

网友评论

      本文标题:SwiftUI—将子视图作为属性以使布局代码更简洁

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