gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-29 11:25:32 24 4
gpt4 key购买 nike

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

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

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

UIStackView:
- Distribution: Horizontal
- Alignment: Center
- Spacing: 0
UILabel:
- Number of line: 2
- Line break: Word wrap
UILabel:
- Number of line: 1

Screenshot

查看层次结构:

enter image description here

期望的结果:

enter image description here

enter image description here

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

        //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
}

最佳答案

尝试简化...

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

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

Content Hugging Priority
Horizontal: 251

Content Compression Resistance Priority:
Horizontal: 750

但是将右(橙色)标签设置为:

Content Hugging Priority
Horizontal: 1000

Content Compression Resistance Priority:
Horizontal: 1000

结果:

enter image description here

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

关于ios - 带有两个标签的水平 UIStackView(一个多行标签,一个单行),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59064207/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com