带有multipe TextViews和ImageViews布局问题的ImageViews

Question

我有一个视图，我在其中放置了一个适合整个视图的scrollView。在scrollView中，我有一个textView，在imageView下面，在textView下面等等。textViews用本地化文本填充来自ViewController的内容，因此它的高度将根据语言而变化。我给了textViews上、下、左和右的约束条件，每个限制为10个。ImageViews给出了顶部和底部的约束，每个约束为10个，宽度为200，以容器水平居中。对于每幅图像，图像的高度是不同的，不给出对高度的约束。

​

​

第一个结果是，scrollView获得了本地化文本中最长文本的宽度。我换了衣服

1. scrollView

- Content Hugging Priority Horizontal to 995 and Vertical to 250.

​

1. textViews

- Content Hugging Priority Horizontal of 400 and 200 Vertical,
- Content Compression Resistance Priority Horizontal is 200 and Vertical 750.

​

完美的肖像画效果。当切换到景观时，scrollView的宽度保持在320，并与左边对齐。

我如何解决这个问题，让scrollView获得100%的屏幕宽度，而不让textViews有机会强迫自己放大到100%的宽度？

Answer 1

找到解决办法：

scrollView有约束:顶部/底部8，左/右各0到superview。

textViews具有对上、左、下和右的约束。

图像具有顶部、底部和宽度的约束，在容器中以X为中心。

这导致textViews采取一条线，并增长到巨大的宽度。

然后，我在容器中将textViews居中到X，选择了所有的textViews和图像，并对它们进行了居中。

现在的scrollView采取100%的屏幕宽度，高度的需要，无论是肖像或景观。

因此，对于所有可能有相同问题的人: scrollView看起来比视图要小一些，它在添加时的约束是向左和向右的0，以及顶部/底部>0。当将scrollView拖放到视图中时，它占用视图大小的100%。这就是问题所在，制约因素是-16。将scrollView设置为x= 16和宽度= 288，结果将适当地与视图相匹配！接下来，将textViews约束从上/左/下/右赋予容器(即使偏移到真正的中心，项的右侧为0--将其更改为使用当前的画布值)。