SwiftUI中ViewModifiers的使用

Posted 2023-02-21

参考技术A

上面的 font 和 foregroundColor 则为 原地Modifier ，对 Text 进行字体大小和颜色的设置后返回的依然是一个 Text ， 原地 modifier 一般来说对顺序不敏感，对布局也不关心，它们更像是针对对象 View 本身的属性的修改。

上面的 padding 和 background 则为 封装类Modifier ，对 Text 进行内边距和背景色的设置后返回的是一个 封装后的Text 。 padding 和 background 是定义在 View extension 中的，对顺序十分敏感，所造成的布局影响是严格按照顺序执行的。

这里我们定义了一个名为 Title 的 Modifier ，然后对输入的 View 进行了字体大小，前景色（字体颜色），内边距，背景色和圆角等一系列属性设置，当然这些设置也使用了苹果封装好的 ViewModifier 。

这里我们定义了一个名为 Watermark 的 Modifier ，将传入的 View 和一个预定义属性的 Text 用 ZStack 包起来作为新的 View 返回，这就是上文所述的不同类型View的 变换 操作，在开发中最为常见。

ViewModifiers 允许我们在视图中封装和重用任何逻辑，利用自定义的 Modifier 能全局改变 SwiftUI 的控件样式，非常好用！且自定义非常简单，只需要满足 ViewBuild 协议并实现 body 方法即可。