Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/113.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ios LaunchScreen.storyboard在设备上的显示方式与在Xcode中的不同?_Ios_Swift_Xcode_Flutter_Storyboard - Fatal编程技术网

Ios LaunchScreen.storyboard在设备上的显示方式与在Xcode中的不同?

Ios LaunchScreen.storyboard在设备上的显示方式与在Xcode中的不同?,ios,swift,xcode,flutter,storyboard,Ios,Swift,Xcode,Flutter,Storyboard,我正在尝试自定义我的颤振应用程序的默认LaunchScreen.storyboard。我只是在默认的视图上有一个红色背景,我添加了一个图像视图。这个图像视图位于屏幕中央,呈现我添加到“Assets.xcsets”中的一个图像,该图像具有所有3种尺寸。下面是my Xcode显示内容的预览: 但是,此情节提要在设备上的渲染方式与在Xcode中的渲染方式不同。例如,它在iPhone12上看起来有点偏离中心,对于iPhone6S来说,它的比例太高了,而且偏离中心。请参见下面的屏幕截图: 如您所见,

我正在尝试自定义我的颤振应用程序的默认LaunchScreen.storyboard。我只是在默认的
视图
上有一个红色背景,我添加了一个
图像视图
。这个
图像视图
位于屏幕中央,呈现我添加到“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
左侧到
添加新约束
单击,然后设置中心垂直和水平,然后单击
添加新约束约束
set
width
100&
height
100。