使用imageView调整图标大小

时间:2017-07-20 15:56:15

标签: ios swift uitableview swift3 uiimageview

我已获得以下代码(已更新):

    // Set cell row height
override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat
{

    return UITableViewAutomaticDimension  // Auto-size cell based on content

}

// Set cell content
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)

    // Configure the cell...
    let weatherObject = forecastData[indexPath.section]

    // Convert UNIX time into readable format
    let sunriseUNIX = weatherObject.sunriseTime
    let sunriseDate = Date(timeIntervalSince1970: Double(sunriseUNIX))

    let sunsetUNIX = weatherObject.sunsetTime
    let sunsetDate = Date(timeIntervalSince1970: Double(sunsetUNIX))

    let dateFormatter = DateFormatter()
    dateFormatter.dateFormat = "h:mm a"
    let sunriseConv = dateFormatter.string(from: sunriseDate)
    let sunsetConv = dateFormatter.string(from: sunsetDate)


    cell.textLabel?.text = weatherObject.summary
    cell.detailTextLabel?.text = "Max: \(Int(round(weatherObject.temperatureMax))) °F / Min: \(Int(round(weatherObject.temperatureMin))) °F \nWill feel like \(Int(round(weatherObject.apparentTemperatureMax))) °F \nSunrise: \(sunriseConv)   Sunset: \(sunsetConv) \nRelative Humidity: \(Int((weatherObject.humidity)*100))% \nMoon Phase: \(round(weatherObject.moonPhase))"
    cell.detailTextLabel!.numberOfLines = 0
    cell.imageView?.image = UIImage(named: weatherObject.icon)
    cell.imageView?.frame = CGRect(x: 0, y: 0, width: 10, height: 10)
    cell.imageView?.contentMode = .scaleAspectFit
    cell.imageView?.clipsToBounds = true  // clipping will help check actual frame of image
    cell.layoutIfNeeded()
    cell.setNeedsDisplay()  // try to reset display, if not updating your image scale automatically

    return cell
}

...(仍然)产生以下结果:

result of code

我试图获得“' icon'尺寸为10 x 10像素的图像,但上述代码不起作用。无论CGRect中的值如何,'图标'保持相同的大小。

任何指针,替代品都将受到赞赏!!

提前致谢。

3 个答案:

答案 0 :(得分:0)

您应该正确设置图像的内容模式,以便将它们缩放到正确的大小。

cell.imageView.contentMode = .scaleAspectFit

答案 1 :(得分:0)

您可以使用如下所示的代码:

var newImgThumb : UIImageView
newImgThumb = UIImageView(frame:CGRectMake(0, 0, 100, 70))
newImgThumb.contentMode = .ScaleAspectFit 

希望你明白了!

答案 2 :(得分:0)

将单元格图像视图的内容模式设置为scaleAspectFit

cell.imageView?.image = UIImage(named: weatherObject.icon)
cell.imageView?.frame = CGRect(x: 0, y: 0, width: 50, height: 50)
cell.imageView?.contentMode = .scaleAspectFit
cell.imageView?.clipsToBounds = true  // clipping will help check actual frame of image
cell.layoutIfNeeded()
//cell.setNeedsDisplay()  // try to reset display, if not updating your image scale automatically

为您提供一个好建议,使用自定义tableview单元格并根据您的选择/要求设置所有元素。

Here is reference tutorial for Custom Tableview cell。如果您在Custom Tableview Cell中遇到任何问题,请告诉我。

自定义tableview单元格,可根据您的需要灵活地排列所有单元格元素。