ios - 以居中图像 iOS 启动屏幕 Storyboard

Question

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

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

谁能帮帮我？

Answer 1

不幸的是，@Jhonsore 的回答对我不起作用。

以下是我为使其正常工作所做的工作:

!Note 这也适用于 React Native init 附带的 .xib 文件

添加图片文件

1) 在 image.xcassets 下，右键单击并选择新建图像集。创建三种不同尺寸的图像(@1x、@2x、@3x)，然后将图像拖到 1x、2x、3x 的插槽中以添加图像。对于 3x，我建议尺寸超过 1200 像素。

2) 为新图像集命名，例如:splash

创建启动屏幕

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

2) 选择您的项目，然后在 General->App icons and launch images->Launch Screen File 选择您新创建的 Launch Screen

3)打开启动界面

4) 选择View Controller Scene->View Controller

5) 在右侧面板中选择Simulated Metrics->Size并将其更改为Page Sheet

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

7) 通过单击下面屏幕截图中显示的按钮并将其拖动到 View 中心 添加一个 ImageView p>

8) 在选择了 ImageView 的右侧面板中，选择 View ->内容模式->宽高比。还可以通过选择 **Image View->Image

添加您的图像

10) 转到尺寸检查器(标尺图标，见屏幕截图)并选择看起来不错的宽度和高度(这将缩放到其他屏幕尺寸)。

11) 将您的图片拖到屏幕中央，直到您看到水平和垂直蓝线

12) 最后，在 Autoresizing 下用箭头更改窗口，使其看起来如上面的屏幕截图所示。应取消选择所有外部箭头并选择所有内部箭头。

结果

疑难解答:如果您的图像未在模拟器上显示，请尝试重新启动它或尝试选择其他设备。

巴士图片来源:Eliott Van Buggenhout