xcode ios - 如何使图像适合不同的屏幕尺寸

Posted 2023-03-11

【中文标题】xcode ios - 如何使图像适合不同的屏幕尺寸

【英文标题】：xcode ios - how to make an image fit into different screen sizes

【发布时间】：2018-01-09 07:58:55

【问题描述】：

我正在制作一个 ios 应用程序。基本上是几个顶部带有徽标的登录字段。故事板应该简单地适合设备屏幕宽度。

我从滚动视图开始（以确保在键盘弹出时一切都可用）。 Scroll View 有约束：top 0，left 0，right 0。

然后我在滚动视图中放置了一个堆栈视图。 它也有约束：top 0，left 0，right 0。

我添加了文本字段和图像视图。 Image View 也有约束：top 0、left 0、right 0 和内容模式“aspect fit”。 我希望简单地调整徽标的大小以适应屏幕宽度。 PNG 图像有一个“虚拟徽标”文本。

这是我在 XCode 中看到的（在模拟器和真实设备上也是如此）： 图像保持其原始大小并被剪裁。我应该怎么做才能使图像视图跟随屏幕宽度？ 谢谢

【问题讨论】：

尝试将约束添加到图像宽度 = view.wdith

【参考方案1】：

问题是我的layout was broken.它由“文件资源管理器”（左上角）中的红点显示。单击点后，Xcode 向我显示了哪些属性没有意义。滚动视图内容的大小不固定。我必须链接 StackView 和主视图的大小 - 我通过在文件资源管理器中选择（按住 Ctrl + 单击）View 和 StackView 然后右键单击它们 并添加相等的高度来做到这一点/width 限制（尽管我仍然需要验证在不同设备上一切看起来是否合理）。

将 ImageView 约束到 StackView 没有任何效果，因为 StackView 约束是 ScrollView 的大小，它可以容纳任何大小，所以实际上大小没有固定为任何东西。