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极简教程04:VStack, HStack, ZStack视图排列的使用(下)
SwiftUI极简教程04:VStack, HStack, ZStack视图排列的使用(下)
734 1
SwiftUI极简教程04:VStack, HStack, ZStack视图排列的使用(下)
|
自然语言处理 iOS开发
SwiftUI极简教程03:VStack, HStack, ZStack视图排列的使用(上)
SwiftUI极简教程03:VStack, HStack, ZStack视图排列的使用(上)
1532 0
SwiftUI极简教程03:VStack, HStack, ZStack视图排列的使用(上)
|
前端开发
SwiftUI—使用ViewModifier视图修饰符集成多个样式
SwiftUI—使用ViewModifier视图修饰符集成多个样式
390 0
SwiftUI—使用ViewModifier视图修饰符集成多个样式
SwiftUI—如何在PreviewProvider中使用导航视图
SwiftUI—如何在PreviewProvider中使用导航视图
423 0
SwiftUI—如何在PreviewProvider中使用导航视图
SwiftUI—如何给视图添加长按手势
SwiftUI—如何给视图添加长按手势
1029 0
|
XML 程序员 C语言
Qt编写控件属性设计器2-拖曳控件
一、前言 上一篇文章把插件加载好了,并且把插件中的所有控件都显示到了列表框中,这次要做的就是实现拖曳控件的功能,用户选择一个控件拖曳到画布上,松开,在松开位置处自动实例化该控件,这个需要用到dropEvent和dragEnterEvent事件,重新实现这两个事件,对拖曳的对象进行过滤并调用函数实例化该控件,在实例化该控件的同时实例化控件跟随控件以便拉伸调整大小和位置。
933 0
艾伟:WinForm控件开发总结(六)-----控件属性类型转换器代码详解
在上一篇文章,我为控件添加一个一个复杂属性,并且为这个属性的类型的编写了一个类型转换器,现在我们来看看这个类型转换器的代码,并解释一下这些代码的意义。       要实现一个类型转换器,我们必须要重写(override)四个方法:       CanConvertFrom()――根据类型参数进行测试,判断是否能从这个类型转换成当前类型,在本例中我们只提供转换string和InstanceDescriptor类型的能力。
843 0
|
图形学
Unity UGUI Layout自动排版组件用法介绍
Unity UGUI Layout自动排版组件用法介绍 助力快速理解 Unity UGUI Layout 布局组件的使用场景 本文提供全图文流程,中文翻译。 要将某个板块中的信息,图标给整理,整齐的进行排版 如果我们一个的把方块、或者这种长条形的Ui给逐个创建,工作量十分大,而且容易出错导致...
5170 0

热门文章

最新文章