自动布局和图像视图/视图

Posted

技术标签:

【中文标题】自动布局和图像视图/视图【英文标题】:Auto Layout and Image Views/Views 【发布时间】:2016-09-04 01:26:08 【问题描述】:

您好,我想了解自动布局并有一个简单的问题。如果我错了,请纠正我,但与标签和按钮不同,图像视图/视图没有固有的内容大小,这使得在自动布局中使用它们有点困难。我只想知道在下面的示例中我需要什么约束,以便它们在纵向和横向中都适当地显示,如果我要在 W:Any H:Any 尺寸类中工作。

在图像视图的情况下,我还想知道如果我先应用约束然后应用图像,结果是否会改变。

https://s15.postimg.org/s5814ct3f/Screen_Shot_2016_09_03_at_6_20_22_PM.png

https://s9.postimg.org/jxdeud13j/Screen_Shot_2016_09_03_at_6_20_56_PM.png

谢谢!

【问题讨论】:

【参考方案1】:

你可以应用这个:

1) 选择一个imageView,并选择以下4个约束:

前导约束 宽度限制 纵横比约束(因此它将取决于其宽度并且不会失真)

容器约束中的水平中心

如果您在实施自动布局后可能需要更改图像大小,则可能需要更改约束。 Thye 负责处理物品及其尺寸,而不是尺寸检查器中的尺寸(宽度、高度)。

我做了一个小动画来看看,当你在设计你的场景时,如何在界面生成器中改变约束:

【讨论】:

以上是关于自动布局和图像视图/视图的主要内容,如果未能解决你的问题,请参考以下文章

使用自动布局隐藏视图和相邻间隙

表格视图中单元格内的自动布局图像。正确的布局,但只有一次向下滚动和备份?

使用自动布局根据超级视图背景图像放置视图

使用自动布局以编程方式添加背景图像视图

表格视图单元格内的图像块并更改自动布局

自动布局位置重置