SwiftUI内功之Overlay 与 Background

最新推荐文章于 2023-11-14 18:03:02 发布

知识大胖

最新推荐文章于 2023-11-14 18:03:02 发布

阅读量2.2k

点赞数 1

分类专栏： SwiftUI内功

本文链接：https://blog.csdn.net/iCloudEnd/article/details/105024087

版权

SwiftUI内功专栏收录该内容

217 篇文章 71 订阅 ¥79.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨了SwiftUI中的Overlay和Background修饰符在布局系统中的作用，以及它们如何影响内容的尺寸和布局。通过示例展示了如何利用它们创建胶囊形状的文本覆盖层和圆形按钮，同时解释了为何在某些情况下需要高级技术来实现预期效果。

摘要由CSDN通过智能技术生成

Overlay and Background

覆盖和背景修饰符也是布局系统的重要组成部分。当我们编写content.overlay（other）时，系统会创建一个带有两个子元素的overlay修饰符：content和other

布置overlay修改器后，建议的尺寸将传递给内容。然后，将内容报告的大小作为建议大小传递给其他人。 overlay修改器将内容的大小作为其自身大小报告回去；换句话说，其他的报告大小将被忽略。布局的实现如下所示：

extension Overlay {
func layout(in proposedSize: ProposedSize) -> CGSize {
let backgroundSize = background.layout(proposedSize: proposedSize) _ = foreground.layout(proposedSize: ProposedSize(
width: backgroundSize.width, height: backgroundSize.height))
// ...
return backgroundSize }
}

对于content.background（other），其过程几乎相同，除了现在在内容后面绘制了other。请务必注意，content.overlay（other）是不同的与other.background（cont