SwiftUI修饰符基础

最新推荐文章于 2025-04-29 15:22:13 发布

Jiaxu Li

最新推荐文章于 2025-04-29 15:22:13 发布

阅读量769

点赞数 18

分类专栏： SwiftUI教程+实战文章标签： swiftui ios swift

本文链接：https://blog.csdn.net/m0_67051739/article/details/135634626

版权

SwiftUI教程+实战专栏收录该内容

7 篇文章

订阅专栏

本文介绍了SwiftUI中如何使用修饰符进行界面定制，包括内边距、背景、前景色、字体等，以及修饰符顺序对布局的影响。同时，展示了如何创建自定义修饰符以提高代码复用性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简介

在SwiftUI中，修饰符提供了强大的界面自定义功能。修饰符可以修改视图的显示效果和行为，几乎支持任何视图。

修饰符的格式

在想修饰的视图下方另起一行，点一个点，再点后面写出指令，并打括号，括号里填写详细信息，比如font是这样：

Text("Hello world!")
    .font(.title)

修饰符的顺序问题

修饰符的顺序对最终的视图布局和渲染有影响。例如，padding然后background与background然后padding会产生不同的效果：

Text("Padding then Background")
  .padding()
  .background(Color.green)

Text("Background then Padding")
  .background(Color.green)
  .padding()

第一个文本首先增加了填充，然后为填充后的视图设置了背景色，因此背景颜色覆盖了填充区域。第二个文本首先设置了背景，然后增加填充，所以背景色仅在文本的原始边界中。

创建自定义修饰符

就像创建视图一样。如果你发现自己重复使用一组特定的修饰符，可以通过创建自定义修饰符来提高代码的重用性。这里有一个简单的例子：

struct MyCustomModifier: ViewModifier {//遵循修饰符的结构
  func body(content: Content) -> some View {//定义一个view
    content//这就是引用时的view
      .font(.title)
      .foregroundColor(.white)
      .padding()
      .background(Color.blue)
      .cornerRadius(10)//一些修饰符
  }
}

Text("Hello, SwiftUI!")
  .modifier(MyCustomModifier())//引用了MyCustomModifier:

而他运行的结果是：