Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/110.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ios Xcode如何在自动布局中创建灵活约束_Ios_Iphone_Xcode_Autolayout - Fatal编程技术网

Ios Xcode如何在自动布局中创建灵活约束

Ios Xcode如何在自动布局中创建灵活约束,ios,iphone,xcode,autolayout,Ios,Iphone,Xcode,Autolayout,大家好我遇到了自动布局问题 我有一个登录脚本,它包含三个项目:图像视图、堆栈视图和按钮,如下面的第一个图像 我尝试使用两种方法添加约束: 我在图像视图中添加“固定”约束的第一种方式,如下面的照片1所示,但当我更改为横向时,图像消失,如下面的第二张照片所示。 请注意,我没有收到任何警告 第二种方法是使用view包装图像视图,然后添加 视图的“固定”约束 最后,我在图像视图中添加了固定的宽度和高度,并在容器中添加了水平和垂直,但我得到的结果是第三张和第四张照片 我应该如何使我的图像视图适用于所有屏幕

大家好我遇到了自动布局问题

我有一个登录脚本,它包含三个项目:图像视图、堆栈视图和按钮,如下面的第一个图像

我尝试使用两种方法添加约束:

我在图像视图中添加“固定”约束的第一种方式,如下面的照片1所示,但当我更改为横向时,图像消失,如下面的第二张照片所示。
请注意,我没有收到任何警告

第二种方法是使用view包装图像视图,然后添加 视图的“固定”约束 最后,我在图像视图中添加了固定的宽度和高度,并在容器中添加了水平和垂直,但我得到的结果是第三张和第四张照片

我应该如何使我的图像视图适用于所有屏幕

谢谢


当切换到横向屏幕时,高度变化很大。自动布局设计的问题在于,它不适用于横向和纵向模式,因为您的布局具有固定的高度宽度

要使您的图像视图适用于所有屏幕,请将图像视图高度设置为超级视图高度的百分比中,因此在横向模式下,高度将发生变化时,您的图像视图仍将从超级视图高度中获取高度完全相同的百分比

看看这个演示,希望这会有所帮助。

  • 首先将UIImageView放入ViewController
  • 给它一个顶部约束,并将其与SuperView水平对齐。 现在只需要高度和宽度。
  • 然后CtrlImageView拖动到自身,然后选择纵横比。给 一个比例为1:1的方面(它只是告诉故事板,如果有任何高度或 宽度可用我希望另一个与宽度相同 因此,给定的高度应与宽度相同,而高度应与宽度相同 完美的方形形状适合您的个人资料图像视图

  • 现在CtrlImageView拖动到SuperView并选择等高

  • 现在,ImageView将高度设置为超级视图高度。 给出您的图像视图比例高度(百分比、纵横比 定量或多倍)到SuperView你想付出多少 所以


最后,您的UIImageView将获得与SuperView高度成比例的高度,反之亦然的宽度。

您能否描述/显示您所需的景观UI?要考虑的一个可能的途径是使图像视图的高度占整个视图高度的百分比,然后纵横比钉住图像视图。感谢您的RePaLi想要显示小尺寸的景观中的所有项目,高宽比固定约束是否相对于屏幕大小?换句话说,我可以使用它来添加项目的百分比大小吗?这是什么意思?我如何添加图像视图的百分比高度?你能写下制作的步骤吗?在百分比中添加高度和纵横比有什么区别?纵横比是图像或任何UI元素的宽度与其高度之间的比例关系,如1:2,以简化形式(百分比)为50%,您可以选择什么。我也编辑了答案,看一看。如果它确实解决了您的问题,请放弃投票,标记为已回答并关闭问题。谢谢您,我的问题已解决,我感谢您的努力。您能给我参考资料以了解更多关于纵横比和自适应布局的信息吗?在图像视图中添加纵横比约束“相对于超级视图”和“相对于项目本身”有什么区别?纵横比1:1意味着什么?我可以在堆栈视图中使用纵横比约束吗?