DCloud_App_Array
DCloud_App_Array
  • 发布:2020-06-28 12:44
  • 更新:2022-10-17 13:29
  • 阅读:167358

App通用启动界面配置说明

分类:HTML5+

此文档将不再维护,请参考新文档:https://uniapp.dcloud.io/tutorial/app-splashscreen

App启动时,因为应用自动需要一定时间,为了避免用户等待白屏,手机OS提供了特殊的启动界面设计,让用户先看到一个简单的界面,然后该界面消失,正式进入应用。

这个界面,即被称为启动界面,也成称为 splash 或 lauch screen。

启动界面原本是一个静态png图片方式。随着移动设备屏幕的多样化,为了让每种屏幕启动时界面都不变形,开发者需要为越来越多的屏幕尺寸制作不同的图片。

这带来很多问题,包括制作复杂、app包体积增大等。

于是Android发明了.9.png方式、iOS发明了storyboard方式,来解决多屏幕尺寸适配问题。

苹果公司的政策更为强硬,从2020年6月30日起,不再接受使用图片作为启动界面,必须使用storyboard,否则无法提交Appstore。

DCloud的App,支持所有Android和iOS的启动界面方式。

同时为了降低门槛,简化开发者为不同手机制作不同启动界面的复杂性,DCloud还提供了通用启动界面,即本文要重点介绍的内容。

首先汇总下DCloud支持的所有启动界面方式:

不同启动界面 平台支持 特点
通用启动界面(即本文重点) Android、iOS均支持。其中在iOS上通过storyboard实现 简单,自定义性弱、可适配不同屏幕
启动图片方式 Android支持;iOS可以打包,但从2020年6月30日起,无法提交Appstore 为了适配不同屏幕尺寸,需要做大量图片
.9.png方式 仅Android支持 可适配不同屏幕
自定义storyboard方式 仅iOS支持。需HBuilderX2.8+ 可适配不同屏幕

本文重点描述通用启动界面。其他方式,另行参考上表的链接。

通用启动界面是一种简单、可适配不同屏幕的启动界面

它以app的logo、name为元素,自动生成适配不同屏幕尺寸、适配不同OS要求的启动界面

通用启动界面有着最低的门槛,仅需要开发者为app在manifest里配好logo和name即可。并且符合任何应用商店的上线规范。它在iOS上就是通过storyboard实现的。

通用启动界面是为了方便开发者而设计的,它不具有很强的灵活性,如果开发者有较强的自定义需求,那么需要在Android上使用.9.png方式、iOS上使用自定义storyboard方式

同时DCloud会在后续适度强化通用启动界面的自定义性,适配更多常见场景。

通用启动界面的设置,在项目的manifest文件的app启动界面设置中。并且是新项目的默认设置,如果开发者未做过启动界面的任何设置,那么启动app时看到的就是通用启动界面

注意:以下manifest配置需提交云端打包后才能生效

Android平台通用启动界面

不配置自定义启动图时,默认会显示通用启动界面,效果如下:

在界面上部显示应用图标(圆形裁剪,外围显示进度),图标下面为应用名称。

配置使用通用启动界面

HBuilderX中打开项目的manifest.json文件,在“App启动界面配置”页面中的“Android启动界面设置”项下勾选“通用启动界面”:

iOS平台通用启动界面

通用启动界面使用storyboard实现,不配置自定义启动图时默认会使用通用启动界面,效果如下:

在界面上部显示应用图标(无裁剪),图标下面为应用名称。

如果应用开启适配暗黑模式/夜间模式/深色模式,则启动界面背景色会自动使用深色,文字颜色自动使用白色。

配置使用通用启动界面

HBuilderX中打开项目的manifest.json文件,在“App启动界面配置”页面中的“iOS启动界面设置”项下勾选“通用启动界面”:

以上界面截图为HBuilderX2.8+。
更低版本的HBuilderX,也支持通用启动界面,只要不配置启动图片,就会按照通用启动界面方式执行。
但自定义storyboard方式仅HBuilderX2.8+才支持。

为满足Appstore强制要求storyboard,开发者可以:

1 关注 分享
ai666

要回复文章请先登录注册

代做app启动图

代做app启动图

包满意,先做图测试后付款,.9.png/ios启动图代做,需要的可以加我微信:vicky613520 或者QQ:751340642
2022-10-17 13:29
s***@163.com

s***@163.com

包满意,.9.png/ios启动图代做,需要的可以加我微信:vicky613520
2022-10-15 16:48
深蓝的一片海

深蓝的一片海

代做 安卓.9.png / iOS苹果storyboard 启动图片,做好满意了给钱 +QQ : 728045048,价格便宜。
2022-09-29 08:53
深蓝的一片海

深蓝的一片海

十年前端开发,免费咨询问题,1元免费做安卓.9.png 启动图片 QQ:728045048
2022-09-29 08:52
深蓝的一片海

深蓝的一片海

代做 安卓.9.png / iOS苹果storyboard 启动图片,做好满意了给钱 +QQ : 728045048,价格便宜。
2022-09-21 10:46
[已删除]

[已删除]

九年开发经验, 代做 安卓.9.png / iOS苹果storyboard 启动图片,做好满意了再给钱。


加QQ: 751340642 或 微信 :vicky613520


价格便宜, 不满意免费修改,还可解决前/后端问题
2022-09-20 16:09
s***@lln.kim

s***@lln.kim

代做 安卓.9.png / iOS苹果storyboard 启动图片,做好满意了给钱 +QQ 或 微信: 18514589891 ,价格便宜。不满意免费修改。
2022-07-28 22:19
全栈工程师Rone

全栈工程师Rone

代做 安卓.9.png / iOS苹果storyboard 启动图片,做好满意了给钱 +QQ 或 微信: 839938752 ,价格便宜。不满意免费修改。
2022-07-02 13:28
3***@qq.com

3***@qq.com

代做 安卓.9.png 启动图片,做好满意了给钱 +QQ 363204195 或 微信:18628337995 ,价格便宜。不满意免费修改。
2022-06-23 15:45
全栈工程师Rone

全栈工程师Rone

代做 安卓.9.png 启动图片,做好满意了给钱 +QQ 或 微信: 839938752 ,价格便宜。不满意免费修改。
2022-05-10 14:23