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


目录
相关文章
|
9月前
|
C#
浅谈WPF之装饰器实现控件锚点
使用过visio的都知道,在绘制流程图时,当选择或鼠标移动到控件时,都会在控件的四周出现锚点,以便于修改大小,移动位置,或连接线等,那此功能是如何实现的呢?在WPF开发中,想要在控件四周实现锚点,可以通过装饰器来实现,今天通过一个简单的小例子,简述如何在WPF开发中,应用装饰器,仅供学习分享使用,如有不足之处,还请指正。
176 1
|
前端开发
SwiftUI—使用ViewModifier视图修饰符集成多个样式
SwiftUI—使用ViewModifier视图修饰符集成多个样式
388 0
SwiftUI—使用ViewModifier视图修饰符集成多个样式
SwiftUI—如何在PreviewProvider中使用导航视图
SwiftUI—如何在PreviewProvider中使用导航视图
416 0
SwiftUI—如何在PreviewProvider中使用导航视图
SwiftUI—创建两层嵌套的滚动视图
SwiftUI—创建两层嵌套的滚动视图
589 0
SwiftUI—创建两层嵌套的滚动视图
|
前端开发 程序员 C#
Qt编写自定义控件70-扁平化flatui
一、前言 对于现在做前端开发人员来说,FlatUI肯定不陌生,最近几年扁平化的设计越来越流行,大概由于现在PC端和移动端的设备的分辨率越来越高,扁平化反而看起来更让人愉悦,而通过渐变色产生的质感色彩反而没有扁平化来得亲切。
1867 0
|
程序员 开发工具 C语言
Qt编写自定义控件67-通用无边框
一、前言 在之前的一篇文章中写过一个通用的移动控件,作用就是用来传入任意的widget控件,可以在父类容器中自由移动。本篇文章要写的是一个通用的无边框类,确切的说这不叫控件应该叫组件才对,控件是要看得见的东西,有绘制需求的,而这个需要依附在控件上。
967 0
|
XML 程序员 C语言
Qt编写控件属性设计器2-拖曳控件
一、前言 上一篇文章把插件加载好了,并且把插件中的所有控件都显示到了列表框中,这次要做的就是实现拖曳控件的功能,用户选择一个控件拖曳到画布上,松开,在松开位置处自动实例化该控件,这个需要用到dropEvent和dragEnterEvent事件,重新实现这两个事件,对拖曳的对象进行过滤并调用函数实例化该控件,在实例化该控件的同时实例化控件跟随控件以便拉伸调整大小和位置。
929 0
Qt编写自定义控件30-颜色多态按钮
一、前言 这个控件一开始打算用样式表来实现,经过初步的探索,后面发现还是不够智能以及不能完全满足需求,比如要在此控件设置多个角标,这个用QSS就很难实现,后面才慢慢研究用QPainter来绘制,我记得当时接到这个定制控件任务的时候是2016年,那时候对QPainter的使用还不是很熟悉,也就是从此控件开始,逐步研究QPainter的绘制,把所有的内置函数都使用一遍,最终用的越来越熟悉,使得后来到了心中有坐标,万物皆painter的境界,可能就像武林中所说的打通了任督二脉吧。
1199 0

热门文章

最新文章