使用居中图像iOS启动屏幕故事板

Question

1 - 我想在我的应用程序中使用LaunchScreen.storyboard

2 - 在此启动屏幕中，我需要在屏幕中央插入品牌形象

有人可以帮助我吗？

Answer 1

我明白了！

Here is a link with the steps images:

1 - 在标签中设置启动文件＆gt;一般

2 - 在Project导航器中选择LaunchScreen.storyboard，选中文件Inspector中的“Use as Launch Screen”选项

3 - 在视图控制器场景中拖放ImageView

4 - 选择之前添加的ImageView，更改其宽度和高度。我把w x h 200

首先，选中此框并在更改尺寸值后

点击“添加2个约束”按钮

5 - 选择ImageView后，更改位置以集中它。

首先，选中此框并在更改尺寸值后

点击“添加2个约束”按钮

6 - 差不多完成!!!

现在让我们解决自动布局问题，点击“解决自动布局问题”按钮并更新框架

7 - 现在是时候挑选我们的形象了

选择ImageView后转到＆gt; Atributes Inspector选项卡并选择你想要的图像，remenber删除它的扩展名（这是技巧，因为在真实设备上构建应用程序时可能会出现图像，发生在我身上!!!）。

8 - 所以，CMD + R来构建和运行你的应用程序。 VOILÀ!!!!!

Answer 2

我通过响应式设置解决了

在“属性检查器”中->“内容模式”->“外观填充”

在尺寸检查器->布局->自动：

添加新约束->如下图所示进行填充，然后单击添加5个约束

Answer 3

不幸的是，@ Jhonsore的回答对我没有用。

这就是我要使其正常工作的方法：

！注意这也适用于React Native初始化随附的.xib文件

添加图像文件

1）。在image.xcassets下，右键单击并选择 New Image Set 。创建三种不同尺寸的图像（@ 1x，@ 2x，@ 3x），然后将其拖到1x，2x，3x插槽中以添加图像。对于3倍，我建议使用大于1200像素的尺寸。

2）为新图像命名，例如： splash

创建启动屏幕

1）：右键单击您的项目，单击新文件... ，然后添加启动屏幕。

2）选择您的项目，然后在常规->应用程序图标下启动图像->启动屏幕文件，选择新创建的启动屏幕

3）打开启动屏幕

4）选择 View Controller Scene-> View Controller

5）在右侧面板中，选择 Simulated Metrics-> Size （模拟指标->大小），然后将其更改为页面表格

6）在左侧面板中，删除两个文本输入（版权和项目名称）

7），通过点击下面的屏幕快照中显示的按钮，并将其拖动到视图的中心，添加图像视图。 >

8）在选择了“图像视图”的右侧面板中，选择视图->内容模式->宽高比。也可以通过选择**图像视图->图像

来添加图像

10）转到 Size Inspector（标尺图标，请参见屏幕截图），然后选择看起来不错的宽度和高度（这将缩放为其他屏幕尺寸）。

11）将图像拖到屏幕中央，直到看到水平和垂直蓝线

12）最后，在自动调整大小下，使用箭头更改窗口，因此其外观类似于上面的屏幕截图。应该取消选择所有外部箭头，并选择所有内部箭头。

结果

故障排除： 如果您的图像未在模拟器上显示，请尝试重新启动它或尝试选择其他设备。

公交图片积分：Eliott Van Buggenhout

Answer 4

对我来说唯一可行的解​​决方法是将图像添加到Images.xcassets文件夹之外。在修改并重建应用程序后，它按预期运行。

iOS 14或XCode 12上也发生了同样的问题。

从Images.xcassets中将图片移出到文件外面，可以重新构建应用即可。这个为题chu