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

时间:2018-01-09 07:58:55

标签: ios xcode autolayout

我正在制作iOS应用。基本上是几个登录字段,顶部有徽标。故事板应该只适合设备屏幕宽度。

我已经开始使用滚动视图(以确保弹出键盘时所有内容都可用)。 滚动视图有约束:前0,左0,右0。

然后我在滚动视图中放置了一个堆栈视图。 它也有约束:前0,左0,右0。

我添加了文本字段和图像视图。图像视图也有约束:前0,左0,右0和内容模式"宽高适合"。 我希望简单地调整徽标大小以适应屏幕宽度。 PNG图像有一个" Dummy徽标"文本。

这是我在XCode中看到的(在模拟器和真实设备上也是如此): enter image description here 图像保持原始大小并被剪裁。我该怎么做才能使图像视图跟随屏幕宽度? 谢谢

1 个答案:

答案 0 :(得分:0)

问题在于我的layout was broken。它由"文件浏览器"中的红点显示。 (左上方)。点击点后,Xcode向我展示了哪些属性没有意义。滚动视图内容的大小未修复。我必须链接StackView的大小和主视图 - 我通过在文件浏览器中选择(按住Ctrl +单击)View和StackView,然后右键单击它们并添加相同的高度来实现这一点/宽度约束(虽然我仍然必须验证在不同设备上的一切看起来都合理)。

将ImageView约束到StackView没有任何效果,因为StackView约束是ScrollView的大小,它可以容纳任何大小,因此有效地将大小固定到任何东西。