【问题标题】:how to manage image size for all iphone sizes using autolayout如何使用自动布局管理所有 iphone 尺寸的图像尺寸
【发布时间】:2018-11-23 00:12:00
【问题描述】:

我正在使用自动布局运行 iOS 应用程序。请参考下面的屏幕截图。我想在所有 iphone 和 ipad 中管理我的图像(iphone 小尺寸,ipad 大尺寸)。我应该使用什么类型的约束申请。

【问题讨论】:

  • 第一:定义在不同的屏幕尺寸和方向下应该是什么样子,第二:定义什么改变,什么没有改变。第三有了前面的答案,在屏幕上方,什么定义它(左边框,右边框,高度,顶部,底部,比例?固定?比例?等)然后你会有你的约束。但是如果没有你身边的工作,很难说。我只会使用顶部、前导和尾随到超级视图以及固定高度(或比率)。
  • 为什么不添加相同的前导、顶部和纵横比
  • @Larme 谢谢,如果我使用固定高度的方式,所有设备都一样吗?
  • 固定高度意味着无论屏幕的高度如何,它都是相同的。比率意味着它将根据您的宽度保持相同的高度比率(例如,iPhone 5 和 iPhone Plus 的宽度不同)。您可以在手机/平板电脑之间进行管理,但您需要做一些工作来解释它在其他屏幕尺寸下的外观(因为它显然不清楚),然后我们才能真正为您提供帮助。
  • 您的应用是否支持所有方向?它应该如何在 iPhone & iPad 中显示?可能您需要 Top、Leading、Trailing 等于 superview 和 height - 纵横比。

标签: ios iphone xcode autolayout constraints


【解决方案1】:

是的,您可以将Aspect Ratio约束应用到 UIImageView 到它自己的。

【讨论】:

    【解决方案2】:

    要按比例调整图像视图大小,您需要给出以下约束。

    • 前导、尾随、顶部到超级视图
    • 图像视图的纵横比

    所以随着宽度的增加,高度也会随着比例的增加而增加。

    【讨论】:

    • Trailing + Aspect ratio 和leading + trailing 和 Width 约束将导致打破约束,唯一需要的约束是Leading 和Top 与自身的纵横比
    • 尾随约束也是必需的,否则图像视图可能超出其父视图边界或相对于其父视图的宽度可能较小。根据给定的图像,图像视图应将其前导和尾随位置粘贴到其父视图。
    • 同意,但如果你提供纵横比,它不会去,因为根据设备宽度图像会缩小!!
    • 看看这个...imgur.com/a/5wd0jqt你可能明白我想说的意思。
    • 要让它工作,你只需要将图像分配给图像视图! !! :)
    【解决方案3】:

    按照以下步骤操作:-

    • 将等高 UIImage 设置为 UIView。

    • 通过单击等高约束更改属性检查器中的乘数。

    【讨论】:

      【解决方案4】:

      如果您希望所有设备的高度相同,您可以设置顶部、前导和尾随约束,然后将“等高”设置为超级视图,并将乘数更改为 0.3,如图所示:

      【讨论】:

        猜你喜欢
        • 2012-03-19
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2014-12-15
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多