2.4 创建和配置UIImageView

图像视图的魅力：UIImageView 🎨

在 iOS 应用开发中，UIImageView 是一个极其重要的控件，它允许你在界面上展示图片。想象一下，没有图片的应用会多么枯燥！通过纯代码创建和配置 UIImageView，你将拥有完全的控制权，让你的应用界面生动起来。

初始化与图片加载 🖼️

创建 UIImageView 的第一步是初始化它。你可以直接使用 init() 方法，然后设置其 image 属性。

let myImageView = UIImageView()
myImageView.image = UIImage(named: "myAwesomeImage")

这里，"myAwesomeImage" 是你添加到项目 Assets.xcassets 中的图片名称。确保图片资源已正确导入，否则图片将无法显示。加载本地图片是提升用户体验的关键一步！

布局与尺寸调整 📏

配置 UIImageView 的布局至关重要。通常，你会关闭 translatesAutoresizingMaskIntoConstraints 并使用 Auto Layout 进行布局。

myImageView.translatesAutoresizingMaskIntoConstraints = false

接下来，你可以设置其尺寸和位置。例如，你可以让图片视图居中并设置固定大小：

• 设置宽度和高度：

  NSLayoutConstraint.activate([
      myImageView.widthAnchor.constraint(equalToConstant: 200),
      myImageView.heightAnchor.constraint(equalToConstant: 150)
  ])

• 居中显示：

  NSLayoutConstraint.activate([
      myImageView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
      myImageView.centerYAnchor.constraint(equalTo: view.centerYAnchor)
  ])

这些约束确保了 UIImageView 在不同设备尺寸上都能保持一致的显示效果。

内容模式与交互性 ✨

UIImageView 的 contentMode 属性决定了图片如何在其边界内显示。这是一个非常强大的属性，可以让你精确控制图片的缩放和裁剪行为。

• .scaleAspectFit：图片等比例缩放，完全显示在视图内。
• .scaleAspectFill：图片等比例缩放，填充整个视图，可能会裁剪部分图片。
• .scaleToFill：图片非等比例缩放，完全填充视图，可能会导致图片变形。

例如，如果你希望图片在不失真的情况下尽可能大地显示：

myImageView.contentMode = .scaleAspectFit

此外，如果你想让 UIImageView 响应用户交互，比如点击，你需要设置 isUserInteractionEnabled 为 true 并添加手势识别器。

myImageView.isUserInteractionEnabled = true
let tapGesture = UITapGestureRecognizer(target: self, action: #selector(imageTapped))
myImageView.addGestureRecognizer(tapGesture)

动画效果与性能优化 🚀

UIImageView 不仅能显示静态图片，还能播放图片序列动画。通过设置 animationImages 属性，你可以创建引人入胜的动画效果。

myImageView.animationImages = [
    UIImage(named: "frame1")!,
    UIImage(named: "frame2")!,
    UIImage(named: "frame3")!
]
myImageView.animationDuration = 1.0 // 动画持续时间
myImageView.animationRepeatCount = 0 // 0 表示无限循环
myImageView.startAnimating()

在处理大量图片时，性能优化至关重要。例如，使用适当的图片尺寸和格式可以显著减少内存占用。根据统计，优化后的图片加载速度可以提升高达 30% 的用户满意度！确保你的图片资源经过压缩，并且只加载当前屏幕所需的图片。