启动带有居中图像 iOS 的屏幕情节提要

Question

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

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

有人可以帮助我吗？

Answer 1

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

这是我为使其正常工作所做的工作：

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

添加图像文件

1)在 image.xcassets 下，右键单击并选择New Image Set 。 创建三种不同尺寸的图像（@1x、@2x、@3x）并通过将图像拖入 1x、2x、3x 的插槽来添加图像。 对于 3x，我建议大小超过 1200 像素。

2）命名新图像集的东西，例如：飞溅

创建启动屏幕

1)右键单击您的项目，单击New File... ，然后添加一个 Launch Screen。

2)选择您的项目，然后在General->App 图标和启动图像->Launch Screen File 下选择您新创建的 Launch Screen

3)打开启动画面

4)选择视图控制器场景->视图控制器

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

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

7）通过单击下面屏幕截图中显示的按钮并将其拖动到视图的中心来添加图像视图

8)在选择 Image View 的右侧面板中，选择View->Content Mode->Aspect Fit 。 还可以通过选择 **Image View->Image 添加您的图像

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

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

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

结果

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

巴士图片来源： Eliott Van Buggenhout

Answer 2

我明白了！

这是包含步骤图像的链接：

1 - 在选项卡 > 常规中设置启动文件

2 - 在项目导航器中选择 LaunchScreen.storyboard，在文件检查器中选中“用作启动屏幕”选项

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

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

首先，选中该框，然后更改大小值

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

5 - 选择 ImageView 后，更改位置以将其居中。

首先，选中该框，然后更改大小值

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

6 - 快完成了！！！

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

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

选择 ImageView 后，转到 > Atributes Inspector 选项卡并选择您想要的图像，记住删除其扩展名（这是诀窍，因为在真实设备上构建应用程序时可能会注意到图像，发生在我身上！！！）。

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

Answer 3

我用响应式设置解决了它

在 Attribute Inspector -> Content Mode -> Aspect Fill

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

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

Answer 4

唯一对我Images.xcassets解决方法是在Images.xcassets文件夹外添加图像。 在我修改并重建应用程序后，它按预期工作。

同样的问题发生在iOS 14或XCode 12 。

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