0

我有一个集合视图单元格,我试图在其中布局三个标签和一个图像。我的垂直布局似乎工作正常,但我似乎无法让水平布局达到可接受的状态——标签似乎不想像我想要的那样工作。

基本上,垂直尺寸是固定的,但我的单元格的水平尺寸会根据屏幕的宽度而变化,但通常在 320 左右。我希望图像处于固定位置,但 UILabels 会占用任何图像右侧的剩余空间。

我在下面包含了我预期布局的图片:

在此处输入图像描述

对于垂直布局,我有以下内容,其中标签是 l1 到 l3,图像是 i1:

要将图像从顶部限制为 20px:

contentView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|-20-[i1(42)]", options: nil, metrics: nil, views: dictionaryOfViews))

要在固定的 134 高度单元格中垂直约束标签:

contentView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|-20-[l1(21)][l2(21)]-10-[l3(42)]-20-|", options: nil, metrics: nil, views: dictionaryOfViews))

然后我期望标签水平如下:

contentView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-20-[i1(42)]", options: nil, metrics: nil, views: dictionaryOfViews))
contentView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-82-[l1]-20-|", options: nil, metrics: nil, views: dictionaryOfViews))
contentView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-82-[l2]-20-|", options: nil, metrics: nil, views: dictionaryOfViews))
contentView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-82-[l3]-20-|", options: nil, metrics: nil, views: dictionaryOfViews))

这几乎可以工作。我必须设置以下内容才能使多行标签也起作用:

descriptionLabel.setContentCompressionResistancePriority(0, forAxis: .Horizontal)

我遇到的问题是所有标签似乎仍然离左边太远,并且在右边留下了相当大的间隙,好像宽度没有动态调整?

任何关于我如何纠正的想法将不胜感激。

非常感谢。

4

1 回答 1

0

这里只是一个想法...您是否尝试将标签的左侧设置为图像的右侧?

contentView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-[i1]-20-[l1]-20-|", options: nil, metrics: nil, views: dictionaryOfViews))
contentView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-[i1]-20-[l2]-20-|", options: nil, metrics: nil, views: dictionaryOfViews))
contentView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-[i1]-20-[l3]-20-|", options: nil, metrics: nil, views: dictionaryOfViews))
于 2015-09-03T11:39:08.697 回答