Question

我试图计算我的UILabel的高度以使页面可滚动。标签包含referencedText以显示HTML内容。

我使用此功能将我的HTML内容传送到UILabel：

func stringFromHTML( string: String?) -> NSAttributedString
{
    do{
        let pStyle = NSMutableParagraphStyle()
        pStyle.lineSpacing = 4
        pStyle.paragraphSpacingBefore = 10

        let str = try NSMutableAttributedString(data:string!.dataUsingEncoding(NSUTF8StringEncoding, allowLossyConversion: true
            )!, options:[NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType, NSCharacterEncodingDocumentAttribute: NSNumber(unsignedLong: NSUTF8StringEncoding)], documentAttributes: nil)
        str.addAttribute(NSParagraphStyleAttributeName, value: pStyle, range: NSMakeRange(0, str.length))
        str.addAttribute(NSFontAttributeName, value: UIFont(name: "Helvetica Neue", size: 16.0)!, range: NSMakeRange(0, str.length))

        return str
    } catch
    {
        print("html error\n",error)
    }
    return NSAttributedString(string: "")
}

我是新手。所以，我做了一个研究，发现这个延伸，以获得UILabel的高度。它返回一个值，但我猜它不是真的。我的UIScrollView似乎不起作用：

extension UILabel{
    func requiredHeight() -> CGFloat{
        let label:UILabel = UILabel(frame: CGRectMake(0, 0, self.frame.width, CGFloat.max))
        label.numberOfLines = 0
        label.lineBreakMode = NSLineBreakMode.ByWordWrapping
        label.font = self.font
        label.text = self.text

        label.sizeToFit()

        return label.frame.height
    }
}

这是我在viewDidLoad（）方法中对约束的代码：

// Set ContentView height
let activityTitleHeight:CGFloat = self.activityTitle.requiredHeight() + 20
let activityDescHeight:CGFloat = self.activityDesc.requiredHeight() + 20
let totalContentHeight:CGFloat = activityDescHeight + activityTitleHeight + 345
// There is an image view and a navigation, their total height: 345

let contentViewHeight:NSLayoutConstraint = NSLayoutConstraint(item: self.contentView, attribute: NSLayoutAttribute.Height, relatedBy: NSLayoutRelation.Equal, toItem: nil, attribute: NSLayoutAttribute.NotAnAttribute, multiplier: 1, constant: totalContentHeight)
self.contentView.addConstraint(contentViewHeight)

提前致谢！

Answer 1

由于您希望整个页面在HTML内容大于应用程序窗口大小后变为可滚动，因此我认为您的顶级视图为UIScrollView。

这里的主要技巧是将显示HTML的标签的 height 约束设置为0，然后在计算其包含的HTML文本的高度后以编程方式更新它。

如果显示的文字太长，则滚动视图将自动开始滚动，前提是您正确设置了所有垂直约束。

顺便说一句，创建一个UILabel来计算字符串的高度是一种过度的做法。从iOS7开始，我们使用NSAttributedString.boundingRect(size:options:context)方法计算使用给定选项绘制文本所需的最小矩形：

string.boundingRectWithSize(CGSizeMake(width, CGFloat.max), options: [.UsesFontLeading, .UsesLineFragmentOrigin], context: nil)

回到你的问题，你应该创建一个NSLayoutConstraint类型的ivar，表示相关标签的高度：

class ViewController: UIViewController {
  @IBOutlet weak var htmlLabel: UILabel!
  private var labelHeightConstraint: NSLayoutConstraint!
  ...

并将其constant属性设置为0，如前所述：

override func viewDidLoad() {
  super.viewDidLoad()
  ...

  htmlLabel.text = stringFromHTML(htmlText)

  labelHeightConstraint = NSLayoutConstraint(item: htmlLabel, attribute: .Height, relatedBy: .Equal,
                                             toItem: nil, attribute: .NotAnAttribute, multiplier: 0, constant: 0)
  scrollView.addConstraint(labelHeightConstraint)
}

然后计算标签的高度：

（由于我们在viewDidLoad中没有任何超级视图的完全宽度，viewDidAppear是进行此类计算的好地方。）

override func viewDidAppear(animated: Bool) {
  super.viewDidAppear(animated)

  let maxSize = CGSizeMake(CGRectGetWidth(scrollView.frame), CGFloat.max)
  let textSize = htmlLabel.attributedText!.boundingRectWithSize(maxSize, options: [.UsesFontLeading, .UsesLineFragmentOrigin], context: nil)

  labelHeightConstraint.constant = ceil(textSize.height)
}

我为你创建了一个测试项目，展示了我上面做了什么。您可以从here下载。

Answer 2

将这样的文字放入 UITextView 是更好的方法。此元素用作文本容器：

多行支持
归因支持
无论文本的长度如何，它都适合视图，因为它像scrollview一样工作

let textField = UITextField()
textField.text = "Your long text from HTML source ..."
textField.frame = CGRect(x: 0, y: 0, width: 375, height: 200)
self.contentView.addSubview(textField)

即使您没有使用故事板，我也只发布一个小屏幕截图，这个UI元素带来了什么属性。

在Swift中使用多行获取UILabel高度

2 个答案: