如何从 HTTP 请求将图像加载到 UIButton Swift

Question

我一直从我的 API 中获取图像，过去我已经将它们加载到 UIImage 中，您将在下面看到扩展名。但是，现在我正在尝试从 API 获取图像并将它们加载到 UIButton 图像视图中。我不知道如何处理扩展和其他代码以使其工作。感谢您的帮助！

扩展

Extension UIImageView {
func getURL2(url: URL, contentMode mode: UIViewContentMode = .scaleAspectFit) {
    contentMode = mode
    URLSession.shared.dataTask(with: url) { data, response, error in
        guard
            let httpURLResponse = response as? HTTPURLResponse, httpURLResponse.statusCode == 200,
            let mimeType = response?.mimeType, mimeType.hasPrefix("image"),
            let data = data, error == nil,
            let image = UIImage(data: data),
            httpURLResponse.url == url
            else { return }
        DispatchQueue.main.async() {
            self.image = image
        }
        }.resume()
}

func downloadedFrom2(link: String, contentMode mode: UIViewContentMode = .scaleAspectFit) {
    guard let url = URL(string: link) else { return }
    getURL2(url: url, contentMode: mode)

    }
}

其他代码

func loadProfilePhoto(image: UIButton, link: String) {
    image.downloadedFrom2(link: link)
    image.imageView!.clipsToBounds = true
    image.imageView!.layer.cornerRadius = (image.imageView!.frame.height) / 2
    image.imageView!.contentMode = .scaleAspectFill
}

func loadRandom8() {
    if self.users.count == 8 {
        let completelink1 = users[0].picture_url
        //ex. https://api.adorable.io/avatars/200/AngelicAlling.png
        let completelink2 = users[1].picture_url
        let completelink3 = users[2].picture_url
        let completelink4 = users[3].picture_url
        let completelink5 = users[4].picture_url
        let completelink6 = users[5].picture_url
        let completelink7 = users[6].picture_url
        let completelink8 = users[7].picture_url

        loadProfilePhoto(image: p2Image, link: completelink1)
        loadProfilePhoto(image: p2Image, link: completelink2)
        loadProfilePhoto(image: p3Image, link: completelink3)
        loadProfilePhoto(image: p4Image, link: completelink4)
        loadProfilePhoto(image: p5Image, link: completelink5)
        loadProfilePhoto(image: p6Image, link: completelink6)
        loadProfilePhoto(image: p7Image, link: completelink7)
        loadProfilePhoto(image: p8Image, link: completelink8)

Answer 1

您当前的扩展是 UIImageView，但您想在 UIButton 中加载图像，因此将扩展更改为 UIButton 并确保按钮的类型设置为自定义而不是系统。您可以从情节提要中执行此操作。

extension UIButton {
  func getURL2(url: URL, contentMode mode: UIViewContentMode = .scaleAspectFit) {
    contentMode = mode
    URLSession.shared.dataTask(with: url) { data, response, error in
      guard
        let httpURLResponse = response as? HTTPURLResponse, httpURLResponse.statusCode == 200,
        let mimeType = response?.mimeType, mimeType.hasPrefix("image"),
        let data = data, error == nil,
        let image = UIImage(data: data),
        httpURLResponse.url == url
        else { return }
      DispatchQueue.main.async() {
        self.setImage(image, for: .normal)
        self.imageView?.contentMode = .scaleAspectFit
        //self.image = image
      }
      }.resume()
  }

  public func downloadedFrom2(link: String, contentMode mode: UIViewContentMode = .scaleAspectFit) {
    guard let url = URL(string: link) else { return }
    getURL2(url: url, contentMode: mode)

  }
}