【发布时间】：2020-12-13 16:30:48
【问题描述】：
我创建了一个自定义 UITableViewCell 以在 TableView 中使用。该单元格在情节提要中正确显示，但是当我在 TableView 中显示它时，它看起来完全混乱。我看过类似的问题，但是他们的问题似乎是对出口和 Xcode 错误的命名。我错过了什么？
UITableViewCell
class ArticleLargeTableViewCell: UITableViewCell {
public static let Identifier = "ArticleLargeTableViewCell"
@IBOutlet weak var shareButton: UIButton!
@IBOutlet weak var favoriteButton: UIButton!
@IBOutlet weak var articleImage: UIImageView!
@IBOutlet weak var articleType: UIImageView!
@IBOutlet weak var articleTitle: UILabel!
@IBOutlet weak var articleDate: UILabel!
@IBOutlet weak var articleSource: UILabel!
@IBOutlet weak var articleFavicon: UIImageView!
private var shareClickListener: (Article) -> Void = { _ in }
private var favoriteClickListener: (Article) -> Void = { _ in }
private var article: Article!
override class func awakeFromNib() {
super.awakeFromNib()
}
func setData(article: Article, shareClickListener: @escaping (Article) -> Void, favoriteClickListener: @escaping (Article) -> Void, shouldShowMoreButton: Bool = true) {
self.article = article
articleImage.sd_setImage(with: article.getImageUrl())
articleImage.contentMode = UIView.ContentMode.scaleAspectFill
articleImage.clipsToBounds = true
articleTitle.text = article.title
let textColor = UIColor(named: "text")
articleTitle.textColor = textColor
articleSource.text = article.source.title
articleSource.textColor = textColor
articleDate.textColor = UIColor(named: "caption")
articleDate.text = article.date.timeAgo()
self.shareClickListener = shareClickListener
self.favoriteClickListener = favoriteClickListener
articleType.image = article.articleType().getTypeImage()
articleFavicon.sd_setImage(with: URL(string: article.faviconUrl)!)
favoriteButton.addTarget(self, action: #selector(self.onFavoriteButtonClick), for: .touchUpInside)
shareButton.addTarget(self, action: #selector(self.onShareButtonClick), for: .touchUpInside)
}
@objc func onShareButtonClick() {
shareClickListener(article)
}
@objc func onFavoriteButtonClick() {
favoriteClickListener(article)
}
}
视图控制器
import Foundation
import UIKit
import Combine
import MaterialComponents.MaterialActionSheet
class ArticlesViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
@IBOutlet weak var articlesList: UITableView!
private var articles: [Article] = []
var viewModel: ArticlesViewModel!
private var useCompactView: Bool = true
override func viewDidLoad() {
super.viewDidLoad()
articlesList.dataSource = self
articlesList.delegate = self
viewModel.$viewState.sink(receiveCompletion: { _ in}, receiveValue: { viewState in
switch viewState {
case .loading:
print()
case .error:
print()
case let .data(data):
self.setData(data: data)
}
})
}
private func setData(data: ArticlesViewModel.ViewState.Data) {
self.articles = data.articles
self.title = data.title
self.useCompactView = data.useCompactView
if self.useCompactView {
articlesList.register(UINib(nibName: ArticleUiTableViewCell.Identifier, bundle: Bundle.main), forCellReuseIdentifier: ArticleUiTableViewCell.Identifier)
} else {
articlesList.register(UINib(nibName: ArticleLargeTableViewCell.Identifier, bundle: Bundle.main), forCellReuseIdentifier: ArticleLargeTableViewCell.Identifier)
}
articlesList.reloadData()
articlesList.refreshControl?.endRefreshing()
}
func numberOfSections(in tableView: UITableView) -> Int {
1
}
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return articles.count
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
if useCompactView {
guard let cell = articlesList.dequeueReusableCell(withIdentifier: ArticleUiTableViewCell.Identifier, for: indexPath) as? ArticleUiTableViewCell else {
fatalError("could not cast to articles cell")
}
// display other cell
} else {
guard let cell = articlesList.dequeueReusableCell(withIdentifier: ArticleLargeTableViewCell.Identifier, for: indexPath) as? ArticleLargeTableViewCell else {
fatalError("could not cast to articles cell")
}
let article = articles[indexPath.item]
cell.setData(article: article, shareClickListener: { article in
self.shareLink(description: article.title, url: article.originalUrl)
}, favoriteClickListener: { article in
self.viewModel.favoriteArticle(article: article, delegate: UIApplication.shared.delegate)
})
return cell
}
}
}
我已尝试返回一个明确的高度，如下所示，但我收到了类似的错误。
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
return 467
}
【问题讨论】：
-
检查单元格高度
-
您没有显示大图像的高度约束...它是一个明确的值，还是一个比率？我假设您有一些图像中没有显示的东西。但是，您也没有在内容视图的底部显示任何约束，这可能是关键问题。从“收藏夹”按钮的底部添加一个约束到内容视图的底部，看看是否可以修复它。
-
大图只有 18:9 的纵横比。我添加了一个约束 bottom = Favorite.bottom +4 但仍然有这个问题@DonMag
-
您是否将“ArticleLargeTableViewCell”的“内容视图”类设置为 UIView 的某个自定义子类？当我这样做时遇到了类似的问题，当我尝试通过添加自定义子类为我的所有 UIView 添加外观时，所有子视图和标签都向左收缩。
-
@paky 哇。就是这样。我将其设置为 MDCard。发表您的评论作为答案，我会接受。如果您将解决方法包括在内，我也很高兴（我如何仍将所有内容包装在 MDCard 中）
标签： ios swift uitableview