【问题标题】:iOS - autolayout center multiple images in viewiOS - 自动布局中心视图中的多个图像
【发布时间】:2015-09-21 22:27:13
【问题描述】:

我在创建此视图时遇到问题:

我想将这些图像和标签均匀分布在视图的中心,并根据屏幕大小调整它们的大小

图片尺寸为 67x67

但我不能简单地做对。

我试过this solution

但我仍然没有做对 我是大小类和自动布局的新手,因此将不胜感激:)

谢谢

【问题讨论】:

    标签: ios ios8 uiimageview autolayout spacing


    【解决方案1】:

    首先,您必须在图像之间添加水平间距约束,这将保持距离不变。

    然后您应该为所有图像添加纵横比 = 1 约束,或仅对第一个图像添加相等高度约束。

    您最不想做的就是将它们的所有宽度设置为相等。

    这样,当屏幕变大时,您的图像视图大小也会增加,并且它们之间的距离将保持不变。标签必须固定到其相应的图像视图。

    【讨论】:

    • 谢谢我按照你说的做,但问题在于第一张和最后一张图像的尾随/前导空间我希望它们全部居中,所以如果我把相等的间距放在 20 之间所有图像和 10 的第一个图像前导空间和 10 的最后一个图像尾随空间它不在 3.5 英寸或 4 英寸设备中居中如何将它们全部居中?
    • “居中”是什么意思?它们应该像您发布的图像一样布置。不过,在小屏幕尺寸上,它们的宽度会非常小。这些图像添加到了什么?直接到UIViewController的视图,还是到某个superview?如果是后者,您必须将该视图以及具有前导和尾随约束的父视图固定,否则它不会调整大小,并且您的图像大小和位置取决于其父视图的大小和位置。
    • 不是直接,而是在超级视图中,我确实固定了它的超级视图,我所做的是:1.在每个图像之间添加水平间距 = 20,第一张图像的前导 = 20,最后一张图像的尾随 = 20(都到superview)。 2. 增加了超级视图的纵横比和其余图像的等高。它的布局很好并且调整了大小,但是在 3.5" 和 4" 中,最后一张图像的尾随太大,无法将它们全部放在视图中,就像这样:考虑“[]”是屏幕的边界和“.... " 是空间 [.......image1-image2-image3-image4-image5-image6]
    • 对不起,我是自动布局的新手,如果我不明白,请多多包涵:D
    • 如果它不适合 3.5 的屏幕尺寸,您应该考虑更小的空间,您可以使用尺寸等级,并将仅小宽度尺寸等级的水平间隔值设置为较小的值。约束的常量附近应该有一个小+号,在这里可以为不同的大小类指定不同的值。
    猜你喜欢
    • 1970-01-01
    • 2015-11-02
    • 1970-01-01
    • 1970-01-01
    • 2018-03-11
    • 1970-01-01
    • 1970-01-01
    • 2013-06-17
    • 2014-12-13
    相关资源
    最近更新 更多