通过滚动图理解适配器模式：化繁为简，兼容无间

IOS

2023-10-02 19:42:11

撸一个滚动图，玩转适配器模式

掌握设计模式，是成为高级程序员的必经之路。今天，我们就来撸一个滚动图，深入浅出地了解适配器模式的奥秘。

适配器模式：化繁为简

适配器模式，顾名思义，就是将一个接口转换为另一个接口，让原本不兼容的两个接口能够协同工作。它的核心思想是：通过创建一个适配器类，将目标接口转换成客户端需要的接口。

滚动图示例

为了便于理解，我们以一个滚动图的例子来讲解适配器模式。

需求： 我们想要在一个滚动视图中显示一个图像，但是图像的实际尺寸大于滚动视图。

问题： 滚动视图的contentSize属性只能设置一个固定的尺寸，无法适应图像的实际尺寸。

解决方案： 我们可以使用适配器模式来解决这个问题。

步骤：

定义目标接口： 创建一个ScrollableImageDelegate协议，定义滚动视图委托方法。
定义适配器类： 创建一个ScrollableImageAdapter类，实现ScrollableImageDelegate协议。
实现适配器方法： 在ScrollableImageAdapter类中，实现ScrollableImageDelegate协议的方法，将滚动视图的方法适配成图像的实际尺寸。
使用适配器类： 将ScrollableImageAdapter类实例化，并将其设置为滚动视图的委托。

代码示例

protocol ScrollableImageDelegate: UIScrollViewDelegate {
    func scrollViewDidScroll(_ scrollView: UIScrollView)
    func scrollViewDidZoom(_ scrollView: UIScrollView)
}

class ScrollableImageAdapter: ScrollableImageDelegate {
    private let imageView: UIImageView

    init(imageView: UIImageView) {
        self.imageView = imageView
    }

    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        // 适配滚动视图的contentSize
        scrollView.contentSize = imageView.image?.size ?? .zero
    }

    func scrollViewDidZoom(_ scrollView: UIScrollView) {
        // 适配滚动视图的缩放
        imageView.frame.size = scrollView.contentSize
    }
}

let scrollView = UIScrollView()
let imageView = UIImageView(image: UIImage(named: "image.jpg"))
let adapter = ScrollableImageAdapter(imageView: imageView)
scrollView.delegate = adapter
scrollView.addSubview(imageView)