2 Star 23 Fork 10

小弟调调/swiftui-example

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
README.md 1.03 KB
一键复制 编辑 原始数据 按行查看 历史

如何使用 ZStack 在彼此之上叠加视图?

SwiftUI 具有用于创建重叠内容的专用堆栈类型,例如,如果您想在图片上放置一些文本,则很有用。 它称为 ZStack ,其工作方式与其他两种堆栈类型相同。

例如,我们可以在一些文本下方放置一个大图像,如下所示:

ZStack {
    Image("niagara-falls")
    Text("Hacking with Swift")
        .font(.largeTitle)
        .background(Color.black)
        .foregroundColor(.white)
}

像其他堆栈类型一样,ZStack 可以通过对齐方式创建,这样它就不会始终将其内部居中放置:

ZStack(alignment: .leading) {
    Image("niagara-falls")
    Text("Hacking with Swift")
        .font(.largeTitle)
        .background(Color.black)
        .foregroundColor(.white)
}

但是,它没有间距属性,因为它没有意义。 相反,您应该使用 offset() 修饰符,如如何使用其偏移量调整视图的位置中所示

Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
Swift
1
https://gitee.com/jaywcjlove/swiftui-example.git
git@gitee.com:jaywcjlove/swiftui-example.git
jaywcjlove
swiftui-example
swiftui-example
main

搜索帮助