【问题标题】:How to scale buttons for different devices如何为不同设备缩放按钮
【发布时间】:2019-01-17 06:32:01
【问题描述】:

我的屏幕上有按钮,我附加了约束,但在不同尺寸的屏幕上,我看不到我想要的按钮。不同屏幕大小一样,小屏幕看不到所有按钮

这是在 iphone 8 plus 上的 xcode 上的一个很好的版本

然后我将视图更改为 iphone se 或任何其他 iphone,我遇到了这些麻烦:

我需要做什么才能拥有相同的屏幕?

【问题讨论】:

    标签: ios ios-autolayout


    【解决方案1】:
    • 使按钮的宽度与视图成比例 宽度。

    • 然后添加一个 1:1 的纵横比常数,使按钮保持不变 正方形。

    • 然后根据屏幕尺寸(不是 绝对)。

    这应该可以为您完成工作。

    设置比例宽度

    假设在界面生成器中主视图的尺寸是 375 x 667。假设您在其上放置了一个 90 x 90 的按钮。为了使其始终具有与主视图的宽度成比例的宽度,

    1. 为按钮的父视图添加等宽约束。
    2. 编辑约束的乘数:将其从 1 更改为 (90/375)

    以上操作可以确保对于不同的屏幕宽度,按钮的宽度也会按比例变化。

    以下是 iPhone XR 和 iPhone 5s 的屏幕截图,这些截图来自我刚刚为尝试做的示例。如您所见,按钮保留在屏幕内并保持其形状。希望这会有所帮助。

    【讨论】:

    • 嗨!我该如何做第一步 - “使按钮的宽度与视图高度成比例。” ?
    • 我已经编辑了答案。我也这样做是为了宽度,而不是高度(我的错:()
    【解决方案2】:

    您似乎没有将按钮的约束定义为超级视图。例如:左边缘,上边缘......

    *编辑:在#raisedeybrow 下方发布投诉 您将需要定义(添加约束)您希望按钮距离边缘(左侧和顶部、右侧和底部)的距离。然后在按钮上应用内容拥抱和压缩优先级,让所有按钮都可以根据需要进行缩放。有些需要更大,有些你不想让它缩小等等。如果你想让它看起来流畅,可以设置很多

    【讨论】:

    • 本部分仅供解答。
    • 好吧,看到屏幕截图上没有定义任何约束,并提供设置前缘(左边缘)和上边缘约束的选项,这将暗示解决问题的方向,不会'是吗?我想我们会用勺子喂每个人,为什么不 & 耸耸肩;
    猜你喜欢
    • 1970-01-01
    • 2016-10-05
    • 1970-01-01
    • 2016-09-06
    • 2012-10-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-07
    相关资源
    最近更新 更多