为什么存在图像时我的表格单元格大小不正确?

时间:2019-06-05 04:34:25

标签: ios swift uitableview autoresize heightforrowatindexpath

我正在设置样式为“ newsfeed”的表格视图,希望我的自定义单元格能够根据两个因素自动调整大小:

1)所代表的帖子是否包含图像-如果不包含图像,则该单元应该表现为没有适当的ImageView和大小

2)如果帖子中确实包含图片,则ImageView应根据图片高度设置其高度(因此,ImageView上没有高度限制),并且单元格应相应地调整大小

在尝试完成此操作时,我的单元格获得了非常不稳定的行为。最初,带有图像的第一个单元格将正确填充。但是,当您滚动浏览时,图像的尺寸开始不正确,而其他图像则根本不显示。

我的图片正在通过Google Firebase异步下载。

我在单元格中使用了自动布局,并为所有子视图正确设置了顶部,底部,前导和尾随约束。该问题似乎仅限于ImageView。没有其他元素受到影响。

我尝试在ImageView上设置高度限制,并根据是否要显示图像以编程方式调整其大小。这似乎没有帮助。

这是我的tableview委托方法:

// Tableview methods
func numberOfSections(in tableView: UITableView) -> Int {
    return 1
}

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return mPosts!.count
}

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableView.automaticDimension
}

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    return 600
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = newsfeed.dequeueReusableCell(withIdentifier: "newsfeedCell") as! NewsfeedCell

    let post = mPosts![indexPath.row]

    cell.posterNameDisplay.text = post.getPosterName() + " " + (mAccount?.getFamilyName())!

    let dateFormatter = DateFormatter()
    dateFormatter.dateFormat = "MMMM dd, yyyy @ hh:mm a"
    let dateString = dateFormatter.string(from: post.getTimeStamp())
    cell.timestampDisplay.text = dateString

    cell.postMessageDisplay.text = post.getPostMessage()

    AccountUtils.loadProfilePhoto(ProfileId: post.getPosterId(), ProfilePhoto: cell.profilePhoto)
    cell.profilePhoto.layer.borderWidth = 1.0
    cell.profilePhoto.layer.masksToBounds = false
    cell.profilePhoto.layer.borderColor = UIColor.white.cgColor
    cell.profilePhoto.layer.cornerRadius = cell.profilePhoto.frame.size.width / 2
    cell.profilePhoto.clipsToBounds = true

    PostUtils.loadPostImage(View: cell.postImage, PostId: post.getPostId())

    return cell
}

这是我用来在ImageView中下载并设置图像的实用方法:

public static func loadPostImage(View postImage: UIImageView, PostId postId: String) {
    let storage = Storage.storage()
    let storageRef = storage.reference()
    let photoRef = storageRef.child("photos/" + Auth.auth().currentUser!.uid + postId + ".jpg")

    photoRef.getData(maxSize: 1 * 1024 * 1024) { data, error in
        if error != nil {
            postImage.image = nil
        }

        else {
            let image = UIImage(data: data!)
            postImage.image = image
        }
    }
}

1 个答案:

答案 0 :(得分:0)

如果您的单元格具有多个唯一的布局,则每个唯一的布局都应收到自己的重用标识符(最好是自己的子类)。

创建两个单元格子类-一个仅用于文本,第二个用于具有图像的单元格

将您的func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell更改为类似内容:

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

    let isCellHasImage: Bool = // understand if it will image cell or just text cell

    if (isCellHasImage) {
        // dequeue and return your image cell
        // return cell
    }

    // dequeue and return your text-only cell
    // ...
    // return cell
}