表视图内的 UITextView 未根据内容调整大小

Posted

技术标签:

【中文标题】表视图内的 UITextView 未根据内容调整大小【英文标题】:UITextView inside tableview not resizing according to content 【发布时间】:2018-03-15 04:23:10 【问题描述】:

我里面有一个 tableView 和一个 UITextView。我正在尝试将 JSON 中的数据添加到表视图中,但它不会根据大小收缩/扩展。我尝试了很多论坛和方法。

主要问题是 - 如果它随着高度开始膨胀/收缩,它就会停止收缩/膨胀,反之亦然。机器人高度和宽度不起作用。

这是因为,当我将 UITextView 的尾随和前导约束设置为单元格时,它开始使用高度但停止使用宽度。当我删除前导/尾随约束时,UITextView 的内容会超出屏幕并且不会以多行形式出现,即不会随高度扩展。我已经尝试过 -

How do I size a UITextView to its content?

How to resize table cell based on textview?

还有很多这样的。

我的一些代码-

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

    let cell = tableView.dequeueReusableCell(withIdentifier: "Message") as! TextViewCell
    cell.customTextView.textColor = UIColor.white

    // Give a source to table view cell's label
    cell.customTextView.text = requestResponseArr[indexPath.row]
    cell.translatesAutoresizingMaskIntoConstraints = true
    cell.sizeToFit()        

    if (indexPath.row % 2 == 0) 
        cell.customTextView.backgroundColor = ConstantsChatBot.Colors.iMessageGreen
        cell.customTextView.textAlignment = .right
     else 
        cell.customTextView.backgroundColor = ConstantsChatBot.Colors.ButtonBlueColor
        cell.customTextView.textAlignment = .left
    

    return cell


func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat 
    return UITableViewAutomaticDimension


func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat 
    return UITableViewAutomaticDimension

并且在 viewDidLoad()-

    override func viewDidLoad() 
    // RandomEstimatedRowHeight
    tableView.rowHeight = UITableViewAutomaticDimension
    tableView.estimatedRowHeight = 300

我不希望文本视图可编辑。由于我不熟悉Objective C,请迅速回复。谢谢

编辑:自定义单元格代码

class TextViewCell: UITableViewCell 
@IBOutlet weak var customTextView: UITextView!

override func awakeFromNib() 
    super.awakeFromNib()
    // Initialization code
    customTextView.isScrollEnabled = false


override func setSelected(_ selected: Bool, animated: Bool) 
    super.setSelected(selected, animated: animated)
    // Configure the view for the selected state

【问题讨论】:

在单元格中,您是否将 textView 作为子视图添加到单元格或 contentView ?需要添加到contentView并在contentView上添加约束 是的,我已添加到 contentView。约束也被添加到 contentView。 您可以发布自定义单元格的代码吗? 自定义单元格几乎是样板代码。我可以发布它。检查编辑 另外你为什么不使用 numberOfLines = 0 的UILabel 而不是UITextView 【参考方案1】:

我尝试在UITableViewCell 中使用UITextView

约束

UITextView,顶部、底部和右侧分别为 2、2 和 5,宽度为 50。Font Size 为 13,Alignment 为中心。给Outlet connectionWidth constraintstxtVwWidthConst

UIViewController

@IBOutlet weak var tblView: UITableView!
var textWidthHeightDict = [Int : CGSize]()

override func viewDidAppear(_ animated: Bool) 

    stringValue = [0 : "qwer\nasdasfasdf", 1 : "qwe", 2 : "123123\nasdas\nwqe", 3 : "q\n3\n4", 4 : "klsdfjlsdhfjkhdjkshfjadhskfjhdjksfhkdjsahfjksdhfkhsdfhjksdfjkasklsdfjlsdhfjkhdjkshfjadhskfjhdjksfhkdjsahfjksdhfkhsdfhjksdfjkasklsdfjlsdhfjkhdjkshfjadhskfjhdjksfhkdjsahfjksdhfkhsdfhjksdfjkas"]

    for i in 0..<stringValue.count
    
        GettingTextViewSize(getStr: stringValue[i]!, fontSize: 14, loopValue: i)
    
    tblView.reloadData()


func GettingTextViewSize(getStr : String, fontSize: CGFloat, loopValue : Int)

    var textSize = (getStr as! NSString).size(withAttributes: [NSAttributedStringKey.font : UIFont.systemFont(ofSize: fontSize)])
    if textSize.width > self.tblView.frame.width
    
        // IF STRING WIDTH GREATER THAN TABLEVIEW WIDTH
        let multipleValue = textSize.width / self.tblView.frame.width
        textSize.height = (textSize.height * (multipleValue + 1.0))
        textSize.width = self.tblView.frame.width

        textWidthHeightDict[loopValue] = textSize
    
    else
    
        textSize.height = textSize.height + 10 //ADDING EXTRA SPACE
        textSize.width = textSize.width + 10 //ADDING EXTRA SPACE

        textWidthHeightDict[loopValue] = textSize
    



func numberOfSections(in tableView: UITableView) -> Int 
    return 1


func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int 

    return stringValue.count


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

    let cell = tableView.dequeueReusableCell(withIdentifier: "table", for: indexPath) as! TblTableViewCell

    cell.backgroundColor = cellBGColr[indexPath.row]

    cell.txtVw.inputAccessoryView = toolBar
    cell.txtVw.text = stringValue[indexPath.row]
    cell.txtVw.tag = indexPath.row
    cell.txtVwWidthConst.constant = (textWidthHeightDict[indexPath.row]?.width)!
    cell.selectionStyle = .none
    return cell


func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat 
    var heightVal = (textWidthHeightDict[indexPath.row])
    return heightVal!.height + 8 //ADDING EXTRA SPACE

UITableViewCell

class TblTableViewCell: UITableViewCell 
    @IBOutlet weak var txtVw: UITextView!
    @IBOutlet weak var txtVwWidthConst: NSLayoutConstraint!
    // TEXTVIEW WIDTH CONSTRAINTS    


    override func awakeFromNib() 
       super.awakeFromNib()
    

输出

注意

仅限UITextView,我们必须计算字符串大小。但是,在UILabel 中,这个概念非常简单。如果您有任何疑问,请告诉我。

【讨论】:

我能够使它与标签一起使用;是的,这很简单。我还能够在 1 个单元格内使用 2 个 textViews / 2 个标签 - 一个在左侧,一个在右侧。但我想重构代码并使其适用于 1 个文本视图。我上面提到的 hack 甚至使它与 1 UITextView 一起工作是把它放在一个堆栈中并以编程方式更改堆栈的对齐和填充类型。这使它可以与我想要的单个文本视图一起使用。但这对我来说就像一个黑客。所以我想要一个你建议的替代解决方案。谢谢!它有效【参考方案2】:

禁用 UITextView isScrollEnabled is false inside cellForRowAt

Demo Example

【讨论】:

我试过了。此外,您的演示示例只是带有样板代码github.com/paresh1994/TextViewInsideTableView/blob/master/… 的空项目 你可以检查每一个想法,或者你可以下载 完美的一击,我们需要遵循这个。谢谢@iParesh。另外我的建议是不要设置任何高度限制。应该使用'UITableView.automaticDimension'【参考方案3】:

您需要为此禁用 UItextView 滚动。

textView.isScrollingEnabled = false

并在单元格中添加 textview 的顶部、底部、右侧和左侧约束。 并添加高度约束 >= 10

【讨论】:

上面的代码中已经存在。查看自定义单元格。也可以通过情节提要禁用它。 @Aman : 你能添加高度相关 >= 10 的 textview 并检查吗? 添加检查即可 它将高度固定为一个常数值,并且由于固定常数,文本的高度被修剪 将其更改为 >= 没有效果,如果我在约束条件下进行操作,则 UIText 无效。如果我删除了前导和尾随约束,则文本变为单行【参考方案4】:

您需要为 textview 设置所有四个约束,即前导、尾随、顶部和底部,假设所有都设置为距边距 8。

它将如下所示:

在 GitHub 上查看演示 here

【讨论】:

是的,这个我已经有了。但是当我有这个时,我失去了灵活的宽度属性,因为我已经为所有 4 个边设置了约束。我希望宽度根据里面的内容灵活。例如,在您发布的图片中,第一个单元格中有“一些文字”。但是单元格正在扩展到全屏宽度。我希望单元格仅扩展到文本的宽度。 当我移除 4 个边上的 4 个约束时,宽度问题得到修复,但高度问题开始,UITextView 变为单行,并超出屏幕。 你想要像聊天应用程序一样的应用程序吗?如果是这样,你将需要两个单元格,其中左侧具有所需空间常数值的约束,另一个具有所需的右侧约束常数空间价值。例如,如果您想拥有 30 像素的空间。让我知道更多解释。 我已经在 1 个单元格中使用两个标签或两个 UITextViews 完成了它。我正在重构代码以使用 1 个 UITextViews。无论如何感谢 Github 演示。 @McDonal_11 提出了我想要的答案,并且有效。 太棒了。 . . . . :)

以上是关于表视图内的 UITextView 未根据内容调整大小的主要内容,如果未能解决你的问题,请参考以下文章

如何让 UITextView 根据内容动态调整自身大小

根据 UITableViewCell 内的 contentSize 设置 UITextView 高度仅在初始表加载后有效

iOS - 带有 UITextView 的表格视图单元格未正确调整大小

在 UIScrollView 中自动调整 UITextView 的大小

UIScrollView 内的 UITextView

UITextView 高度未在 UITableViewCell 中调整大小