带有两个标签的水平 UIStackView(一个多行标签,一个单行)

Emr*_*der 8 uilabel ios swift uistackview

我有一个水平的UIStackView,里面有两个UILabel。第一个 UILabel 是多行(两行),另一个只有一行。它们都有默认的内容压缩和抵抗优先级。我的问题是,即使标签之间存在差距,第一个文本中的“最佳”词也会出现在第二行。我注意到第一个标签没有超过总宽度的一半。

我想要的是第二个标签应该始终显示自己,第一个标签应该自己调整剩余空间的大小。如果它不能适合一行它应该是两行。但是,如果第二个标签太短而第一个标签很长但它们都可以容纳,则第一个标签应超过宽度的一半。

PS我在这个场景中需要使用UIStackView,因为还有其他情况。我知道在 UIView 中放置两个标签可能会解决问题。

UIStackView:
   - Distribution: Horizontal
   - Alignment: Center
   - Spacing: 0
   UILabel:
     - Number of line: 2
     - Line break: Word wrap
   UILabel:
     - Number of line: 1
Run Code Online (Sandbox Code Playgroud)

截屏

查看层次结构:

在此处输入图片说明

预期结果:

在此处输入图片说明

或者

在此处输入图片说明

编辑:我计算第二个标签的宽度并给出宽度约束。我认为它解决了我的问题,我会测试一下。

        //Give specific width to second label to make first one calculate right number of lines.
    if let font = UIFont(name: "Metropolis-ExtraBold", size: 15) {
        let fontAttributes = [NSAttributedString.Key.font: font]
        let size = (secondLabelText as NSString).size(withAttributes: fontAttributes)
        secondLabel.widthAnchor.constraint(equalToConstant: size.width).isActive = true
    }
Run Code Online (Sandbox Code Playgroud)

Don*_*Mag 18

为了尝试和简化...

忘记计算任何宽度......重要的是水平Content HuggingContent Compression Resistance

将左侧(蓝色)标签保留为默认值:

Content Hugging Priority
    Horizontal: 251

Content Compression Resistance Priority:
    Horizontal: 750
Run Code Online (Sandbox Code Playgroud)

但是将正确的(橙色)标签设置为:

Content Hugging Priority
    Horizontal: 1000

Content Compression Resistance Priority:
    Horizontal: 1000
Run Code Online (Sandbox Code Playgroud)

结果:

在此处输入图片说明

唯一的另一个问题是右侧标签中的文本是否超过了视图的整个宽度——但您没有指出您可能需要那么多文本。