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

7 篇文章 1 订阅
本文详细介绍了如何在使用uniapp打包Android应用时配置启动图,包括通用启动页面的基本使用和如何自定义创建.9.png格式的启动图,以及在AndroidStudio中使用9-Patch工具进行制作的步骤。
摘要由CSDN通过智能技术生成

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

启动页面配置

通用启动页面

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

        例如: 

                

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

自定义启动页面

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

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

     .9.png图片

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

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

     制作.9.png图片

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

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

        

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

        

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

        

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

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

        

        双击这个图片 打开

        

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

        

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

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

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

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

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

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

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

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

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

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

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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值