0

我有 2UILabel秒。lbl1的文本可以更改,而lbl2的文本是静态的。

它们最初都设置在同一条线上。我已经lbl1设置numberOfLines0(无穷大)。当' 的宽度侵占' 的空间时,我想lbl2向下推并将其顶部与lbl1底部对齐。我有一个当前的解决方案,但觉得我缺少一种纯粹的自动布局方式。任何帮助都会很棒!lbl1lbl2

两个标签都适合 1 行:

在此处输入图像描述

lbl2在我尝试纯自动布局时不会向下移动:

在此处输入图像描述

期望:

在此处输入图像描述

当前的解决方案有效,但感觉不理想:

import XCPlayground
import SnapKit
import UIKit

let screen: UIView = UIView(frame: CGRectMake(0,0,320,568))
XCPlaygroundPage.currentPage.liveView = screen
XCPlaygroundPage.currentPage.needsIndefiniteExecution = true

let lbl1: UILabel = UILabel()
lbl1.text = "Short Text asnoetuha 1 1 1 1 "
lbl1.numberOfLines = 0
lbl1.backgroundColor = UIColor.whiteColor()

let lbl2: UILabel = UILabel()
lbl2.text = "Amount Text"
lbl2.backgroundColor = UIColor.yellowColor().colorWithAlphaComponent(0.5)

screen.addSubview(lbl1)
screen.addSubview(lbl2)

lbl1.snp_makeConstraints { (make: ConstraintMaker) in
  make.top.leading.equalTo(screen)
  make.width.lessThanOrEqualTo(screen.snp_width)
}

lbl2.snp_makeConstraints { (make: ConstraintMaker) in
  // Below lines feel un-ideal
  let lbl2X: CGFloat = screen.frame.width - lbl2.intrinsicContentSize().width
  let lbl1RightX: CGFloat = screen.frame.origin.x + lbl1.intrinsicContentSize().width
  let hasOverlap: Bool = lbl1RightX >= lbl2X

  make.top.equalTo(hasOverlap ? lbl1.snp_bottom : lbl1.snp_top).priorityLow()
  make.trailing.equalTo(screen)
}
4

1 回答 1

-1

我确实相信您没有以正确的方式解决这个问题。您应该能够创建一个函数来监听 lbl1 的右锚点何时与 lbl2 的左锚点接触(使用 SnapKit 非常容易)。

当这种情况发生时,您调用一个函数,将约束重新设置为您提供的图像的适合程度。这是通过调用 snap_updateConstraints 或 snp_remakeConstraints 来完成的。然后,您的约束代码应该是直截了当的,因为您只需将 lbl1 的底部锚点固定到 lbl2 的顶部锚点,然后再进行其他约束,直到获得所需的效果。

于 2016-09-27T15:01:03.087 回答