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


目录
相关文章
|
3月前
|
前端开发 Android开发 开发者
安卓开发中的自定义视图:构建你的第一个控件
【8月更文挑战第26天】在安卓开发的浩瀚海洋中,自定义视图是一块充满魔力的乐土。它不仅是开发者展示创造力的舞台,更是实现独特用户体验的关键。本文将带你步入自定义视图的世界,从基础概念到实战应用,一步步教你如何打造自己的第一个控件。无论你是初学者还是有经验的开发者,这篇文章都将为你的开发之旅增添新的风景。
|
Android开发 iOS开发
IOS开发之UIScrollView约束布局
IOS开发之UIScrollView约束布局
417 0
Winform控件优化之圆角Panel【绘制时需要注意的几点和扩展】
圆角的实现(原理和绘制方法)之前基本都已经介绍,本篇主要是实现圆角Panel时介绍几点注意点和一些扩展。一是BackColor应始终为Transparent;二是Draw完全显示绘制出的线条...
1602 0
Winform控件优化之圆角Panel【绘制时需要注意的几点和扩展】
|
Swift iOS开发
UISlider自定义滑动条高度(swift)
UISlider滑动条的高度系统默认给我们设定了,没有办法进行改变。可是,我们的设计又是需要改变这个高度的,怎么办呢?这个时候,我们可以写一个UISlider的子类,重写四个方法就能实现了。
3618 0
|
开发者 索引
SwiftUI极简教程27:DisclosureGroup拓展折叠视图的使用
SwiftUI极简教程27:DisclosureGroup拓展折叠视图的使用
615 0
SwiftUI极简教程27:DisclosureGroup拓展折叠视图的使用
|
前端开发
SwiftUI—使用ViewModifier视图修饰符集成多个样式
SwiftUI—使用ViewModifier视图修饰符集成多个样式
372 0
SwiftUI—使用ViewModifier视图修饰符集成多个样式
SwiftUI—创建两层嵌套的滚动视图
SwiftUI—创建两层嵌套的滚动视图
548 0
SwiftUI—创建两层嵌套的滚动视图
SwiftUI—如何在PreviewProvider中使用导航视图
SwiftUI—如何在PreviewProvider中使用导航视图
395 0
SwiftUI—如何在PreviewProvider中使用导航视图
SwiftUI—如何使一个视图同时支持多种的手势
SwiftUI—如何使一个视图同时支持多种的手势
263 0
SwiftUI—如何使一个视图同时支持多种的手势