Ios LaunchScreen.storyboard在设备上的显示方式与在Xcode中的不同?
我正在尝试自定义我的颤振应用程序的默认LaunchScreen.storyboard。我只是在默认的Ios LaunchScreen.storyboard在设备上的显示方式与在Xcode中的不同?,ios,swift,xcode,flutter,storyboard,Ios,Swift,Xcode,Flutter,Storyboard,我正在尝试自定义我的颤振应用程序的默认LaunchScreen.storyboard。我只是在默认的视图上有一个红色背景,我添加了一个图像视图。这个图像视图位于屏幕中央,呈现我添加到“Assets.xcsets”中的一个图像,该图像具有所有3种尺寸。下面是my Xcode显示内容的预览: 但是,此情节提要在设备上的渲染方式与在Xcode中的渲染方式不同。例如,它在iPhone12上看起来有点偏离中心,对于iPhone6S来说,它的比例太高了,而且偏离中心。请参见下面的屏幕截图: 如您所见,
视图
上有一个红色背景,我添加了一个图像视图
。这个图像视图
位于屏幕中央,呈现我添加到“Assets.xcsets”中的一个图像,该图像具有所有3种尺寸。下面是my Xcode显示内容的预览:
但是,此情节提要在设备上的渲染方式与在Xcode中的渲染方式不同。例如,它在iPhone12上看起来有点偏离中心,对于iPhone6S来说,它的比例太高了,而且偏离中心。请参见下面的屏幕截图:
如您所见,故事板在两台设备上的渲染方式不同。如何使情节提要在两台设备上都像在Xcode中一样显示?感谢您的帮助。如果我使用了任何不正确的术语或需要提供其他详细信息,请告诉我,因为我使用Xcode的经验很少。从随附的故事板截图来看,似乎没有向
UIImageView
添加任何约束
您应该向superview添加顶部
,前导
,底部
,尾部
约束,间距为0,以实现您想要的效果
更新
当您有一个小尺寸的图像(如100x100或类似图像)时,上述情况适用于所有屏幕尺寸。在评论中,我们看到图像太大了,我们希望在占据50%屏幕宽度的同时将其保持在中心位置
移除前导的
和尾随的
约束,选择imageView及其superview-添加等宽度约束,乘数为0.5,这将确保imageView始终占据superview宽度的50%
还可以在imageView上添加水平居中约束。请确保将imageView内容模式设置为“方面匹配”谢谢,这解决了图标未居中的问题!但是,我现在无法使图标变小。我试着调整约束来做到这一点,但不管它在Xcode中显示什么,它在所有设备上都显示为全宽。有没有办法解决这个问题?您可以将ImageView的内容模式设置为
Center
。这似乎使图像的比例大大提高,我无法再调整大小了。此屏幕截图是结果:。还有其他想法吗?再次感谢您的见解。为了阐明我想要实现的目标,我希望图像按屏幕大小成比例缩放(约占整个宽度的50%)。缩小实际图像文件本身的大小可以解决问题吗?@Iamaregistereduser请查看我答案的更新。单击imageview
删除所有约束,然后查看情节提要编辑器的align
左侧到添加新约束
单击,然后设置中心垂直和水平,然后单击添加新约束约束
setwidth
100&height
100。