gpt4 book ai didi

ios - 如果 UIImage 设置为 .scaleAspectFill,它会与标签重叠

转载 作者:行者123 更新时间:2023-11-28 19:34:00 53 4
gpt4 key购买 nike

我的应用程序从后端加载图像并将它们显示在 UITableViewCell 中,其中包含用于显示它的 UIImageView 以及一些标签和按钮。

我已经使用“重置为建议的约束”选项将建议的约束添加到 UITableViewCell。

这是检索数据后的一些代码:

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

var cell = PostTableViewCell()

if (self.posts.count == 0) { return cell }

let post = posts[indexPath.row]

// Instancia o reuse identifier
if post["post_image"] != nil {
cell = tableView.dequeueReusableCell(withIdentifier: Storyboard.PostWithImage, for: indexPath) as! PostTableViewCell
} else {
cell = tableView.dequeueReusableCell(withIdentifier: Storyboard.PostWithoutImage, for: indexPath) as! PostTableViewCell
}
return cell
}


override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
var cell = PostTableViewCell()
cell = tableView.dequeueReusableCell(withIdentifier: Storyboard.PostWithImage) as! PostTableViewCell
return cell.bounds.size.height;
}


override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
var cell = PostTableViewCell()
cell = tableView.dequeueReusableCell(withIdentifier: Storyboard.PostWithImage) as! PostTableViewCell
return cell.bounds.size.height;
}

private func configureCell(cell: PostTableViewCell, atIndexPath indexPath: IndexPath) {

cell.queue.cancelAllOperations()

let operation: BlockOperation = BlockOperation()
operation.addExecutionBlock { [weak operation] () -> Void in

DispatchQueue.main.sync(execute: { [weak operation] () -> Void in
if (operation?.isCancelled)! { return }

let post = self.posts[indexPath.row]
cell.accessibilityIdentifier = post.recordID.recordName

guard let postTitle = post["post_title"], let postBody = post["post_body"] else {
return
}

if let asset = post["post_image"] as? CKAsset {

self.imageCache.queryDiskCache(forKey: post.recordID.recordName, done: { (image, cachetype) in
if image != nil {
cell.postImageView.contentMode = .scaleAspectFill
cell.postImageView.autoresizingMask = [.flexibleBottomMargin,
.flexibleHeight,
.flexibleLeftMargin,
.flexibleRightMargin,
.flexibleTopMargin,
.flexibleWidth ];
cell.postImageView.image = image!
} else {
do {
let data = try Data(contentsOf: asset.fileURL)
let image = UIImage(data: data)
cell.postImageView.contentMode = .scaleAspectFill
cell.postImageView.autoresizingMask = [.flexibleBottomMargin,
.flexibleHeight,
.flexibleLeftMargin,
.flexibleRightMargin,
.flexibleTopMargin,
.flexibleWidth ];
cell.postImageView.image = image!
self.imageCache.store(image!, forKey: post.recordID.recordName)

} catch {
print("Error 1001 = \(error.localizedDescription)")
}
}
})

}

cell.titleLabel.text = postTitle as? String
cell.bodyLabel.text = postBody as? String
})
}
cell.queue.addOperation(operation)
}

Here's应用程序本身的一些打印件显示图像重叠在标签上。

它仅在图像处于纵向模式时重叠,如果图像是在横向模式下拍摄的,则它很适合。

绕过这个问题的最佳方法是什么?

最佳答案

您可以通过编程告诉图像只在给定的图像区域中绘制。如果您的约束正常工作并且保持正确的大小,则由于 .scaleAscpedtFill 设置,图像可能只是绘制到 View 边界之外。

通过使用 .clipToBounds = true 来做到这一点。

cell.postImageView.clipToBounds = true

或者,您也可以根据下图在界面构建器中进行设置。

Enable Clip To Bounds

试一试,看看是否有帮助?

关于ios - 如果 UIImage 设置为 .scaleAspectFill,它会与标签重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41042867/

53 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com