uniapp如何自定义启动页

2,502 阅读1分钟

官方文档:自定义启动页

ios自定义启动页

第一步:制作启动页

本文采用uniapp中最简单的方式,替换官方提供的自定义启动页文件 下载CustomStoryboard.zip

可以替换:

  • 页面背景图片或背景颜色
  • 中间显示图片
  • 底部显示文字及颜色

参考:《ios替换启动页使用说明》

替换文件后将目录压缩为zip文件

第二步:在manifest中选中该zip文件

第二步:打包自定义基座进行测试

  • 测试步骤,可以省略

Android制作自定义启动页

第一步:制作9.png图片

准备:3张以下分别率的png图片

使用Android studio制作9.png

  • 新建项目
  • 一直点下一步,创建成功
  • 打开项目,找到以下目录。将之前准备的启动图传入该目录
  • 根目录 =》 app文件夹 =》 src文件夹 =》 main文件夹 =》 res文件夹 =》 drawable文件夹
  • 右键选择,制作9.png,此时会生成一个新的9.png图片,然后选中它
  • 制作9.png的拉伸角度
  • 放大,调整细节,让每个角大小一致,且越小越好
  • 制作下一张9.png

第二步,修改manifest

第三步:打包自定义基座进行测试,与ios一致

  • 测试步骤可省略