swift2 从alamofire swift的tableview单元格中的url加载图像

bwitn5fc  于 2022-11-06  发布在  Swift
关注(0)|答案(6)|浏览(240)

我正在尝试使用Alomofire和swiftyJSON从json加载图像。Json是字典:

{"name": {"image": "https://...",}}

Alamorefire和快速JSON

var imageLoad: String!

Alamofire.request(.GET, url).responseJSON { (response) -> Void in
    if let value = response.result.value {
    let json = JSON(value)

    if let jsonDict = json.dictionary {

        let image = jsonDict["name"]!["image"].stringValue
        print(image) // https://....
        self.imageLoad = image        
    }
    self.tableView.reloadData()
    }
}

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath) as! TVCell

// Configure the cell...

cell.imageTableView.image = UIImage(named: imageLoad) // not working "fatal error: unexpectedly found nil while unwrapping an Optional value"

如果有谁能帮上忙?如果有别的办法,请随时写信。

brtdzjyr

brtdzjyr1#

我分享了一个使用Swift 3AlamofireImage实现的代码:

import UIKit
import AlamofireImage

class MovieViewCell: UICollectionViewCell {

@IBOutlet weak var titleLabel: UILabel!
@IBOutlet weak var overviewLabel: UILabel!
@IBOutlet weak var posterView: UIImageView!

 func configure(for movie: Movie) {
    titleLabel.text = movie.title
    overviewLabel.text = movie.overview

    let url = URL(string: movie.poster_path!)!
    posterView.af_setImage(withURL: url)
 }

 override func prepareForReuse() {
    super.prepareForReuse()

    posterView.af_cancelImageRequest()
    posterView.image = nil
 }
}

此外,您还需要Cocoapods

platform :ios, '10.0'

inhibit_all_warnings!
use_frameworks!

target 'MovieApp' do
  pod 'Alamofire', '~> 4.5'
  pod 'AlamofireImage', '~> 3.3'
end

正式文件AlamofireImagean ImageCell.swift example

8iwquhpp

8iwquhpp2#

如果您使用的是Alamofire,请尝试AlamofireImage。但是直接在uiimageview上使用af_快捷方式。您将自动获得缓存、占位符图像,如果您使用的是可以回收单元格的表格视图,您还可以取消未完成的请求。

  • 通过指定占位符图像,图像视图将使用占位符图像,直到下载远程图像为止。*
let imageView = UIImageView(frame: frame)
let url = URL(string: "https://httpbin.org/image/png")!
let placeholderImage = UIImage(named: "placeholder")!

imageView.af_setImage(withURL: url, placeholderImage: placeholderImage)

https://github.com/Alamofire/AlamofireImage

o3imoua4

o3imoua43#

从alamofire swift 3的tableview单元格中的url加载图像:-
//您需要安装pod 'AlamofireImage','~〉3.0' pod

import Alamofire
    import AlamofireImage

// put into cellForRowAt

    Alamofire.request(self.profileImgArr[indexPath.row]).responseData { (response) in
                    if response.error == nil {
                             print(response.result)

                             // Show the downloaded image:
                             if let data = response.data {
                                     cell.profileImg.image = UIImage(data: data)
                                 }                
                         }
                 }
gkn4icbw

gkn4icbw4#

我建议使用不同的库来加载图像。我们在项目中总是这样做的。
有一个简单而智能的库,它可以处理从缓存到占位符图像的几乎所有事情。
它的名字叫翠鸟https://github.com/onevcat/Kingfisher
您可以通过JSON中的URL直接在ImageView上使用它示例:

let url = URL(string: "url_of_your_image")
imageView.kf.setImage(with: url)

这是最基本的异步映像加载方法,
自己看看吧:)

esbemjvw

esbemjvw5#

如果您已经在使用Alamofire,您可以尝试AlamofireImage,它是Alamofire的图像组件库。
然后,提取图像的过程如下:

import AlamofireImage

Alamofire.request(.GET, "https://httpbin.org/image/png")
         .responseImage { response in

             if let image = response.result.value {
                 print("image downloaded: \(image)")
             }
         }
t3irkdon

t3irkdon6#

正如Bear with me所说,您可以使用AlamofireImage,
https://github.com/Alamofire/AlamofireImage
我为雨燕3做了这个,希望它能有所帮助:
在实现tableViewDataSource的控制器中

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! Cell
    NetworkService.shared.requestImage(path: path, completionHandler: {image in
            cell.photo?.image = image
        })
    }
    return cell
}

在我的NetworkService中(我使用shared来实现singleton,类似于getInstance),我实现了调用AlamofireImage的requestImage函数:

func requestImage(path: String, completionHandler: @escaping (Image) -> Void){
    Alamofire.request("\(path)").responseImage(imageScale: 1.5, inflateResponseImage: false, completionHandler: {response in
        guard let image = response.result.value else{
            print(response.result)
            return
        }
        DispatchQueue.main.async {
            completionHandler(image)
        }
    })
}

正如您所看到的,我使用GCD for main queue来管理completionHandler,只是为了确保它是处理视图修改的主队列。

相关问题