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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何从HTTP请求将图像加载到UIButton Swift中相关的知识,希望对你有一定的参考价值。

我一直在从我的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)
答案

您当前的扩展名是针对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)

  }
}

以上是关于如何从HTTP请求将图像加载到UIButton Swift中的主要内容,如果未能解决你的问题,请参考以下文章

UIButton 图像从 URL 加载后淡入淡出

如何将图像 UIButton 缩放到插图?

如何从post async http请求下载数据时将数据加载到reclyerview中

当我提出新请求时,Ajax http 请求将以前的图像加载到轮播中

在 UIButtons 上从服务器加载多个图像?

如何加快 UITableViewCell 中的 UIImageView/UIButton?