返回

SwiftUI中的常见视图和修饰符（上）

IOS

一. Text & Label

Text 视图用于显示文本，而 Label 视图提供了一个更灵活的方式来组织文本和关联的图像或符号。

文本属性

Text 视图支持广泛的属性，包括：

  • font: 设置文本字体。
  • foregroundColor: 设置文本颜色。
  • fontWeight: 设置文本粗细。
  • lineLimit: 限制显示文本的行数。
  • multilineTextAlignment: 设置多行文本的对齐方式。

Label 修饰符

Label 修饰符允许您将文本与图像或符号相关联。它接受两个参数：

  • title: 文本内容。
  • icon: 可选的图像或符号。

二. Button & Link

Button 和 Link 视图用于处理用户交互。

Button

Button 视图是一个可单击的元素，用于触发操作。它支持以下属性：

  • action: 当按钮被单击时触发的操作。
  • label: 按钮上的文本或图像。
  • style: 设置按钮的样式（例如，默认、边框、幽灵）。

Link

Link 视图用于导航到另一个视图或打开外部链接。它支持以下属性：

  • destination: 目标视图或 URL。
  • label: 链接的文本或图像。

三. Image & AsyncImage

Image 和 AsyncImage 视图用于显示图像。

Image

Image 视图用于显示本地图像。它支持以下属性：

  • image: 要显示的图像。
  • renderingMode: 设置图像的渲染模式（例如，原始、模板）。
  • resizable: 允许图像根据其容器进行调整大小。

AsyncImage

AsyncImage 视图用于显示从网络加载的图像。它支持以下属性：

  • url: 要加载图像的 URL。
  • placeholder: 在图像加载期间显示的占位符。
  • configuration: 用于自定义图像加载和显示行为的配置。

四. TimelineView & Canvas

TimelineView 和 Canvas 视图用于创建自定义动画和交互式图形。

TimelineView

TimelineView 视图用于创建一个随着时间推移而更新的视图。它接受一个闭包作为参数，该闭包提供视图在每个时间点的内容。

Canvas

Canvas 视图是一个可绘制的区域，可用于创建自定义图形。它接受一个闭包作为参数，该闭包指定在画布上绘制的内容。

五. TextEditor & TextField

TextEditor 和 TextField 视图用于输入和编辑文本。

TextEditor

TextEditor 视图用于创建多行文本编辑器。它支持以下属性：

  • text: 要编辑的文本。
  • font: 设置文本字体。
  • foregroundColor: 设置文本颜色。
  • fontWeight: 设置文本粗细。

TextField

TextField 视图用于创建单行文本编辑器。它支持以下属性：

  • text: 要编辑的文本。
  • placeholder: 当文本字段为空时显示的占位符文本。
  • font: 设置文本字体。
  • foregroundColor: 设置文本颜色。