我目前在UITextField上有以下扩展名来计算给定字符串的边界矩形。
func widthHeight(font: UIFont) -> CGRect {
let constraintRect = CGSize(width: 200, height: 1000)
let boundingBox = self.boundingRect(with: constraintRect, options: .usesLineFragmentOrigin, attributes: [NSFontAttributeName: font], context: nil)
return boundingBox
}
constraintRect
的宽度是我想要允许的最大宽度。
我像这样设置值和单元格:
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
if let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuse, for: indexPath) as? ChatCollectionViewCell {
let text = self.chatLog[indexPath.row].text
cell.chatTextView.text = text
cell.chatViewWidth = (text?.widthHeight(font: UIFont.systemFont(ofSize: 16)).width)!
return cell
}
return UICollectionViewCell()
}
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
if let text = self.chatLog[indexPath.row].text {
let box = text.widthHeight(font: UIFont.systemFont(ofSize: 16))
return CGSize(width: view.frame.width, height: box.height + 10)
}
return CGSize(width: self.view.frame.width, height: 60)
}
正如您所看到的,视图的帧非常混乱。 第一行是“Heya”,第二行是“到目前为止生活如何”,第三行是“我是订书机,你是教科书”。有些细胞太窄,有些细胞太宽。
这是我的自定义collectionViewCell的一些额外代码:
override init(frame: CGRect) {
super.init(frame: frame)
setupViews()
}
override func layoutSubviews() {
chatView.frame = CGRect(x: 0, y: 0, width: chatViewWidth, height: frame.height)
chatTextView.frame = CGRect(x: chatView.frame.origin.x + 10, y: 0, width: chatView.frame.width - 20, height: chatView.frame.height)
}
func setupViews() {
if isTextFromCurrentUser {
chatTextView.frame = CGRect(x: 10, y: 0, width: frame.width - 140, height: frame.height)
chatTextView.backgroundColor = .white
} else {
chatTextView.frame = CGRect(x: frame.width - 150, y: 0, width: frame.width - 140, height: frame.height)
chatTextView.backgroundColor = .blue
}
chatTextView.font = UIFont.systemFont(ofSize: 16)
chatTextView.layer.cornerRadius = 9
chatTextView.clipsToBounds = true
chatTextView.autoresizingMask = UIViewAutoresizing.flexibleHeight
chatTextView.isScrollEnabled = false
contentView.addSubview(chatView)
contentView.addSubview(chatTextView)
}
答案 0 :(得分:1)
化疗,
我相信它是一个聊天泡泡,你正试图设置它的高度和聊天泡沫不能有任何滚动内部确保你的textView的滚动被禁用。
其次,聊天气泡应该根据内容增加其高度,并且没有高度限制使用CGFloat.greatestFiniteMagnitude
作为计算boundingRect时可以容纳的高度
func widthHeight(font: UIFont) -> CGRect {
let constraintRect = CGSize(width: 200, height: CGFloat.greatestFiniteMagnitude)
let boundingBox = self.boundingRect(with: constraintRect, options: .usesLineFragmentOrigin, attributes: [NSFontAttributeName: font], context: nil)
return boundingBox
}
最后确保没有{text}的contentInset
设置。如果contentInset
设置为左5和右5,请确保从最大宽度中减去10(5 + 5)。
由于高度是公式设置宽度中唯一的变量,因此确切地说是获得正确高度的关键。确保将行选项设置为与textViews属性匹配正确。
<强>建议:强>
UITableView
可以使用单元格的自动高度,并在textView上设置滚动禁用使textView根据文本集计算其大小。我的意思是textView将尊重隐式大小。
由于我相信您正在创建一个聊天应用,其中每个气泡都是一个单元格,请考虑使用UITableView的更明智的选择并利用自动单元格高度的好处然后搞乱使用collectionView,它希望您手动提供每个项目的大小
一撮建议:D
我个人使用了边界矩形并设法在加载试验和错误方法后计算文本的确切高度。我个人建议创建一个textView实例,将其属性设置为与故事板中textView的属性完全匹配,然后设置要显示的文本,并使用sizeThatFits获取textView的实际大小,这样更容易。
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
let textView = UITextView(frame: CGRect.zero)
//set textView property here
textView.text = self.chatLog[indexPath.row].text
let size = textView.sizeThatFits(CGSize(width: textView.bounds.width, height: CGFloat.greatestFiniteMagnitude))
return size;
}