【SwiftUI系列】11.Image和图形的应用

Image控件摘要

1. Image的基本绘制

Image控件主要用于加载本地图片，有三种加载方式：加载Assets中的图片、加载系统图片（SF Symbols），以及加载Bundle中的图片。加载Assets图片需先将图片加入资源库，系统图片则需下载SF Symbols资源包。加载Bundle图片需要将.bundle文件加入Xcode工程，并使用相应代码加载。

2. Image常用修饰符介绍

Image控件常用修饰符包括resizable（自动调整大小以适应屏幕，有capInsets和resizingMode两个参数）、scaledToFit和scaledToFill（图片缩放）、aspectRatio（保持宽高比）、resizingMode（图片平铺模式）。这些修饰符用于调整图片显示效果。

3. Image异步加载网络图片

异步加载网络图片主要采用两种方式：URLSession下载与Image加载，以及使用AsyncImage控件。URLSession异步下载后更新界面显示图片，AsyncImage则直接在视图中异步加载并显示图片，支持placeholder展示。

4. 图形图像的绘制

SwiftUI提供了简单的绘图功能，可以绘制矩形、圆形、圆角矩形等图形。相关代码直接定义图形样式和尺寸，可以轻松实现图形的绘制。

5. 图形渐变

SwiftUI渐变效果有LinearGradient（线性渐变）、RadialGradient（中心到边缘渐变）和AngularGradient（圆锥形渐变）三种方式。通过特定的API可以实现不同的渐变效果。

END

想要了解更多内容？

查看原文：【SwiftUI系列】11.Image和图形的应用

文章来源：

程序员华仔

扫码关注公众号