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

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

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


示例代码:


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()
    }
}


2466108-9c7b932ed83f9d8f.webp.jpg


目录
相关文章
SwiftUI—方便用户选择日期的DatePicker日期拾取器
SwiftUI—方便用户选择日期的DatePicker日期拾取器
1898 0
SwiftUI—方便用户选择日期的DatePicker日期拾取器
|
iOS开发
SwiftUI极简教程13:NavigationView导航栏使用
SwiftUI极简教程13:NavigationView导航栏使用
2425 2
SwiftUI极简教程13:NavigationView导航栏使用
|
Linux 开发工具
18.4 【Linux】systemd-journald.service 简介
18.4 【Linux】systemd-journald.service 简介
344 0
hutool 验证是否为身份证号码(支持18位、15位和港澳台的10位)
hutool 验证是否为身份证号码(支持18位、15位和港澳台的10位)
|
C语言
根本解决C程序 ignoring return value of ‘***’
去源码找到出问题的地方,处理一下返回值
500 0
|
人工智能 API 开发工具
YOLOV11 使用流程
本内容整理了YOLO V11的常用代码语句,涵盖YOLO模型下载、数据集划分、模型训练与推理优化等关键步骤,适用于目标检测任务。
|
前端开发 JavaScript 应用服务中间件
Nginx 开启 gzip 压缩,让网站飞一会!
一起来了解下nginx的gzip压缩
519 3
|
Java 数据库连接 mybatis
Caused by: org.xml.sax.SAXParseException; lineNumber: 2; columnNumber: 6; 不允许有匹配 [xX][mM][lL] 的处理指令目
Caused by: org.xml.sax.SAXParseException; lineNumber: 2; columnNumber: 6; 不允许有匹配 [xX][mM][lL] 的处理指令目
143 0
|
Linux
Linux中grep命令详解与实战应用
Linux中grep命令详解与实战应用
1991 0
|
iOS开发
加载中,加载中......使用SwiftUI设计2种Loading动画
加载中,加载中......使用SwiftUI设计2种Loading动画
689 0