Masonry布好处：轻松实现UILabel水平布局，高效空间利用

2023-09-05 06:36:12

引言

在移动应用开发中，界面布局是至关重要的。对于标签（UILabel）这种常见的UI元素，有时我们需要在水平方向上并列显示多个标签。然而，受限于屏幕宽度，可能出现标签内容无法完全显示的情况。Masonry是一个强大的iOS约束布局框架，可轻松解决此问题，实现标签的水平布局并高效利用空间。

拥抱Masonry，实现UILabel水平布局

Masonry提供了一系列灵活的约束选项，可帮助我们轻松实现标签的水平布局。其中，setContentHuggingPriority:forAxis:方法尤为关键，它允许我们控制标签在超出可用空间时的抗拉伸能力。

设置抗拉伸优先级

setContentHuggingPriority:forAxis:方法接收两个参数：优先级和轴向。优先级是一个整数，值越低，标签在宽度多余的情况下被拉伸的程度越小。轴向指定了要应用优先级的方向，对于水平布局，应使用UILayoutConstraintAxis.horizontal。

label1.setContentHuggingPriority(UILayoutPriority(1), for: .horizontal)

优先级值详解

优先级值的范围从1到1000，其中：

1表示最低优先级，表明标签极易被拉伸。
250是默认优先级，表示标签在宽度多余时会适度拉伸。
1000表示最高优先级，表明标签几乎不会被拉伸。

实战示例

让我们通过一个示例来说明如何在实践中使用Masonry进行标签的水平布局：

import Masonry

let label1 = UILabel()
label1.text = "Label 1"

let label2 = UILabel()
label2.text = "Label 2"

let superview = UIView()
superview.addSubview(label1)
superview.addSubview(label2)

label1.mas_makeConstraints { make in
    make.left.equalTo(superview.mas_left)
    make.top.equalTo(superview.mas_top)
    make.width.equalTo(100)
}

label2.mas_makeConstraints { make in
    make.left.equalTo(label1.mas_right).offset(10)
    make.top.equalTo(superview.mas_top)
    make.width.equalTo(label1.mas_width)
    make.right.equalTo(superview.mas_right)
}

label1.setContentHuggingPriority(UILayoutPriority(1), for: .horizontal)