Xcode 6.3.2-iOS-使用自动布局定位图像和文本



我目前正在尝试修复我的ViewController,使其符合自动布局。这是ViewController:

https://i.stack.imgur.com/C1BOc.png

以下是在iPhone 6模拟器上运行时的样子(以及我通常希望它在所有iPhone上的样子(:

https://i.stack.imgur.com/K0k8a.png

以下是我在iPhone 4s模拟器上运行它时的样子:

https://i.stack.imgur.com/boElJ.png

基本上,图像和文本没有缩放,所以它被剪掉了。我试图通过对图像和标签设置约束来解决这个问题,但Xcode似乎对这些约束不满意。此外,我觉得这是不可能的,因为例如,如果我为"TITLE"标签设置了一个左边距约束,它表面上总是靠近图像,但Xcode会给我一个警告,如果我不这样做,并且对超视图的后侧的底部约束和右侧约束将使得标签距离右边缘200个单位,并且因此被推离屏幕向左。

我知道有办法,但我想不通。处理这个问题的正确方法是什么?

编辑:

我尝试了Sujith在下面推荐的内容,但无法成功。红色图像被标签完全推离了屏幕,我得到了一个错误,不是所有的约束都能同时得到满足。

我敢肯定,之所以会发生这种情况,是因为在标签上设置尾随约束会导致它们被推到最左边。我试图通过使用Sujith建议的约束来解决这个问题,但允许红色图像的宽度不明确,将标签移动到超视图边缘附近的最右侧,并将红色图像扩展到红色图像和标签之间具有相同的水平间距,如下图所示:

https://i.stack.imgur.com/HHPav.png

这让我在iPhone 6模拟器上得到了这样的结果:

https://i.stack.imgur.com/pCTgw.png

这个结果在iPhone4s模拟器上:

https://i.stack.imgur.com/rMMdW.png

我想这是可行的,但这并不是我想要的。在我看来,有5个区域的宽度可以调整:

1( 从红色图像到超视的引导空间

2( 红色图像的宽度

3( 红色图像和标签之间的水平间隔

4( 标签的宽度

5( 从标签到超视图的尾部空间

理想情况下,当分别在4s模拟器或6模拟器中观看时,我希望这5个东西都能缩小/扩展到完全相同的量。现在发生的情况是,其中4个区域保持完全相同的宽度,红色图像的宽度正在缩小/增长。

任何想法都将不胜感激。

请尝试这个。。

  1. 将引导空间设置为红色图像的超视图

  2. 将顶部空间设置为红色图像的超视图

  3. 设置水平空间以标记

  4. 将顶部空间设置为标签的超视图

  5. 将标签的尾随空格设置为超视图

  6. 设置标签的高度

    现在

  7. 设置标签的纵横比。宽度到红色图像View.Width8.设置红色imageview的纵横比。宽度和图像视图。高度

最新更新