UITableview 单元格切断了一些消息（视图）

Question

我有消息屏幕并为显示消息实现自定义tableviewcell。一条消息应该是text 或image，在某些情况下我需要显示带有信息的框（请参阅图像发送者​​和接收者）。它工作正常，但有些时间消息视图被切断（参见图像消息）。我使用了很多stackViews 来隐藏和显示一些视图。

更多了解请联系code here。

Answer 1

使用 UI 调试器，看看到底发生了什么。

Answer 2

这种行为的可能原因是在单元格中设置视图的图层，我可以在您的单元格中看到，您正在将角半径添加到背景中。我可以使用以下方法在我的应用中修复它。

1. 在您的单元格中定义一个可选的数据变量。

   var currentData: MessageModel?
   

2. 在您调用的方法中设置该值以向单元格提供数据。

   func loadData(_ data:MessageModel) -> Void {
   currentData = data
   
   // YOUR EXISTING CODE GOES HERE.
   
   // Move your code to the function which do the setup of corner radius.
   
   // Call this method.
   setupCornerRadius()
   }   
   

3. 将以下方法添加到您的单元格中

   open override func layoutIfNeeded() {
   super.layoutIfNeeded()
   setupCornerRadius()
   }
   
   open override func layoutSubviews() {
   super.layoutSubviews()
   setupCornerRadius()
   }
   
   func setupCornerRadius() {
   if let data = currentData {
       let strMsg = data.body ?? ""
       lblMsgBody.text = strMsg
   
       if strMsg != "" {
           viewBG.backgroundColor = UIColor.primaryGreen
           if strMsg.count > 5 {
               viewBG.layer.cornerRadius = 18.0
           }else{
               viewBG.layer.cornerRadius = 12.0
           }
       }
       else{
           viewBG.backgroundColor = UIColor.clear
       }
     }
   }
   

试试上面的方法。

除此之外，我还从单元格中删除了 stackView，并通过设置约束来实现所需的 UI。

numberOfLines = 0 的标签并设置前导、尾随、底部和顶部约束。 with value = 8（您可以根据需要设置边距和间距。）

尝试并分享结果。