安卓APP--启动图.9.png制作流程

在使用uniapp 去打包Android 的APP包时 有一个配置选项是 启动图

安卓APP--启动图.9.png制作流程_第1张图片

启动页面配置

通用启动页面

        通用启动页面就是 uniapp在给你打包的时候 会自动给你生成对应的启动图 

        例如: 

                安卓APP--启动图.9.png制作流程_第2张图片

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

自定义启动页面

        但是通用启动页面,只能满足最基本的需要, 想要有自己的特色,还是需要自己制作一个启动图

        但是Android的启动图,需要的格式为 .9.png 格式的图片

     .9.png图片

        这类图片是一种特殊的图片格式,通俗的讲就是 .png图片的变式,它可以指定特定的区域进行拉伸而不失真。

        和png图片有所不同的是 .9.png图片可以自定义拉伸区域,还有不拉伸的区域,这样在不同手机,不同屏幕下,都能适配不同分辨率,展示出启动图,而不会变形

     制作.9.png图片

        这里推荐使用 Android Studio 工具 这是一个专门开发安卓应用程序的编译软件,内置了.9.png图片的制作工具

        再准备三个尺寸的启动图(去找ui)

        安卓APP--启动图.9.png制作流程_第3张图片

        在Android Studio内 先导入项目 再打开需要制作的图片

        安卓APP--启动图.9.png制作流程_第4张图片

        鼠标右键图片 出现工具栏 选择 create 9-Patch file...  这一个选项

        安卓APP--启动图.9.png制作流程_第5张图片

         会出现这个页面 就是让你选择生成的 9.png图片放置在哪一个文件内 并给它命名

        点击确定之后 就会出现一个新的图片

        

        双击这个图片 打开

        安卓APP--启动图.9.png制作流程_第6张图片

        就会出现左右两个图片  左边的就是操作区域 右边的是展示区域

        

这个就是对应的设置  Zoom 是调整左边图片的大小 为了更精确的设置 可以调整到800%

Show patches 是打开你设置的拉伸区域 可以清楚的看到你选择的拉伸区域

安卓APP--启动图.9.png制作流程_第7张图片

制作完成后的是这样的 白色区域是不拉伸区域 也就是要保留的地方

绿色的是拉伸区域 会随屏幕大小和分辨率去进行拉伸

紫色区域是重合的绿色区域 

然后需要设置四个方向  分别就是 上左  下右

在图片的上方区域 使用鼠标左右滑动 选择需要拉伸的区域 (选择的是图片的左右两边拉伸的区域)

在图片的左方区域 使用鼠标上下滑动 选择需要拉伸的区域 (选择的是图片的上下两边拉伸的区域)

在图片的右方区域 使用鼠标上下滑动 选择不拉伸的区域 

在图片的下方区域 使用鼠标左右滑动 选择不拉伸的区域 

通俗来说 就是 上左选拉伸 下右选不拉伸

选好后 看整体效果 如果完成的可以 就进行下一步

选择对应尺寸的图片路径  这里选择你刚刚制作的 .9.png 图片

大概流程就是这样,如果有不懂的欢迎留言和私信...

你可能感兴趣的:(uni-app,APP,android,uni-app)