表格视图单元格的动态高度会扩展,但是显示空视图。
创始人
2024-12-10 05:31:46
0

要解决表格视图单元格的动态高度会扩展但显示为空视图的问题,可以按照以下步骤进行操作:

  1. 确保表格视图的代理方法中已经正确实现了计算单元格高度的方法,并且返回了正确的高度值。

  2. 在单元格的布局代码中,设置自动布局约束以适应内容的动态高度。可以使用自动布局库如SnapKit或使用原生的autolayout属性。

  3. 在单元格的布局代码中,确保设置了内容视图的约束,以确保内容视图能够扩展以适应内容的高度。

  4. 如果单元格的内容是根据异步加载的数据来确定的,可以在加载数据完成后,调用表格视图的reloadData方法来刷新表格视图的布局。

以下是一个示例代码,展示如何解决表格视图单元格动态高度扩展但显示为空视图的问题:

class MyTableViewController: UITableViewController {
    var data: [String] = [] // 假设这是表格视图的数据源

    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.register(MyTableViewCell.self, forCellReuseIdentifier: "Cell")
        tableView.rowHeight = UITableView.automaticDimension
        tableView.estimatedRowHeight = 100
    }

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

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! MyTableViewCell
        cell.textLabel?.text = data[indexPath.row]
        return cell
    }

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

class MyTableViewCell: UITableViewCell {
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        setupViews()
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    func setupViews() {
        // 设置自动布局约束
        contentView.translatesAutoresizingMaskIntoConstraints = false
        contentView.topAnchor.constraint(equalTo: topAnchor).isActive = true
        contentView.leadingAnchor.constraint(equalTo: leadingAnchor).isActive = true
        contentView.trailingAnchor.constraint(equalTo: trailingAnchor).isActive = true
        contentView.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true

        // 设置内容视图的约束
        textLabel?.translatesAutoresizingMaskIntoConstraints = false
        textLabel?.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 8).isActive = true
        textLabel?.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 8).isActive = true
        textLabel?.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -8).isActive = true
        textLabel?.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -8).isActive = true
    }
}

在上面的示例代码中,MyTableViewController是表格视图的控制器,MyTableViewCell是表格视图的单元格。在viewDidLoad方法中,设置了表格视图的行高为自动维度,并且注册了单元格。在tableView(_:cellForRowAt:)方法中,设置了单元格的文本内容。在tableView(_:heightForRowAt:)方法中,返回了自动维度的行高。

MyTableViewCell中的setupViews方法中,设置了单元格内容视图的自动布局约束,确保内容视图能够扩展以适应内容的高度。

请注意,这只是一个示例代码,具体的实现可能会根据项目的需求而有所不同。

相关内容

热门资讯

前端-session、jwt 目录:   (1)session (2&#x...
linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
前缀和与对数器与二分法 1. 前缀和 假设有一个数组,我们想大量频繁的去访问L到R这个区间的和,...
nodejs:本地安装nvm实... 一、背景-使用不同版本node的原因 vue3+ts、nuxt3版本,node...
JAVA集合知识整理 Java集合知识整理 HashMap相关 HashMap的底层数据结构:jdk1.8之...
无刷直流电机介绍及单片机控制实... 无刷直流电机介绍及单片机控制实例前言基本概念优势与劣势使用寿命基本结构使用单片机控制实例电子调速器&...
fwdiary(2) dp2 1.传纸条  AcWing 275. 传纸条 - AcWing 走两条路,走一条最大的...
常用的DOS命令 常用的DOS命令 DOS(Disk Operating System,磁...
<C++> 类和对象(下) 1.const成员函数将const修饰的“成员函数”称之为const成员函数,cons...