DCloud_Android_zl
DCloud_Android_zl
  • 发布:2019-01-21 19:31
  • 更新:2019-08-01 11:23
  • 阅读:17400

Android平台启动图使用.9.png图片

分类:5+ SDK

概述

目前HBuilder|HBuilderX中仅定义几种标准分辨率的启动图配置,而实际上存在很多不同分辨率的手机,导致启动图会进行拉伸或压缩引起变形,Android平台为了解决此问题就出现了可以任意调整大小的一种图片格式“.9.png”。这是一种特殊的图片格式,它可以指定特定的区域进行拉伸而不失真。
使用.9.png的优点:

  1. 避免在非标准分辨率手机上缩放变形
  2. 可以只配置1张或多张图片适配更多分辨率,减少apk的体积(推荐至少配置1080P高分屏启动图片)

.9.png图片和普通png图片的差异

  1. .9.png图片和一般图片的区别在于.9.png图片有四条黑边,而一般的图片没有,这四条黑边就是用来拉伸和指定显示位置的。
  2. 使用.9.png图片后,整个图片应该是包裹着你想要显示的内容的,而没有使用的话整个图片将会被拉伸。

制作.9.png图片

工具

  1. 在Android sdk目录下的tools目录下,有一个叫做draw9patch.bat的文件,双击打开就可以使用(最新android SDK该文件已经不存在,若电脑不没有安装android studio,可下载附件工具编辑.9.png图片)
  2. 使用android studio,因为android studio已经集成.9.png制作工具,只需选中需要生成的png文件,然后右键,点击create 9-patch file 选项。

    使用方法及问题解决方案

    详细制作步骤可参考链接:Android中.9图片的含义及制作教程

.9.png配置使用

HBuilderX配置提交云端打包

在HBuilderX中打开manifest.json文件,切换到“App启动图配置”项,在“Android启动图片设置”栏中选择需要设置的.9.png图片(图片尺寸请按照提示尺寸对应上传),保存后提交云端打包即可。

注意:请更新HBuilderX为1.5.0及以上版本
注意:不同尺寸的启动图是为了适配不同分辨率的手机,所以提交打包时请务必上传不同尺寸的启动图,切忌上传多张同尺寸启动图

离线打包配置

离线打包配置需将图片命名为splash.9.png放置于res目录下的drawable-ldpi、drawable-xhdpi等目录下,如下图所示,运行到手机即可。

12 关注 分享
Trust DCloud_Android_ST 老哥教教我 529940822@qq.com 师大酸梅杨 哈哈八百 DCloud_HB_WDL DCloud_Android_zl 779516021@qq.com 306816224@qq.com 15516011283@sina.com ___K

要回复文章请先登录注册

DCloud_Android_zl

DCloud_Android_zl (作者)

回复 30756500@qq.com:
.9.png有问题,请在本地测试打包通过之后再提交云打包。
2019-08-01 11:23
30756500@qq.com

30756500@qq.com

报错地址: https://service.dcloud.net.cn/build/errorLog/c82b0500-b408-11e9-9e8b-7fd649ec0bc4
2019-08-01 11:08
30756500@qq.com

30756500@qq.com

报错:
```Appid: H58B9C00A

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':mergeReleaseResources'.
> java.util.concurrent.ExecutionException: com.android.builder.internal.aapt.v2.Aapt2Exception: Android resource compilation failed
Output: error: found an invalid color.

Command: /home/pandora/.gradle/caches/transforms-1/files-1.1/aapt2-3.2.1-4818971-linux.jar/89e782d231b90e67452f66f10260354f/aapt2-3.2.1-4818971-linux/aapt2 compile --legacy \\
-o \\
安装包制作目录/build/intermediates/res/merged/release \\
安装包制作目录/res/drawable-xxhdpi/splash.9.png
Daemon: AAPT2 aapt2-3.2.1-4818971-linux Daemon #4

* Try:
Run with --debug option to get more log output. Run with --scan to get full insights.```
2019-08-01 11:07
1763692101@qq.com

1763692101@qq.com

这改个.9的图很难做
2019-07-22 15:22
落叶孤尘

落叶孤尘

回复 易米:
关键是 一个 前端 解决不了这些问题吧。而且 界面各种感觉 也远远不如原生流畅。
2019-07-22 13:55
易米

易米

回复 落叶孤尘:
那是一个前端的工资高还是一个ios加一个安卓的工资高
2019-07-20 16:11
落叶孤尘

落叶孤尘

开发速度 还不见得比原生开发快呢。。
2019-07-17 11:02
落叶孤尘

落叶孤尘

要离线打包~~要这H5何用
2019-07-17 11:02
___K

___K

可以,已解决
2019-06-26 16:10
420476739@qq.com

420476739@qq.com

回复 420476739@qq.com:
预期是左侧描黑的水平区域垂直拉伸,结果是整个图片垂直拉伸
在drawable目录下放置图片应该没什么问题的吧
2019-06-12 17:21
420476739@qq.com

420476739@qq.com

安卓离线打包,splash.9.png位置:res>drawable>splash.9.png,.9图左侧黑边绘制了几个像素高度,其他三边全部描黑。实际开启应用还是拉伸了高度。这什么原因
2019-06-12 17:18
DCloud_Android_zl

DCloud_Android_zl (作者)

回复 842200016@qq.com:
不行
2019-06-04 15:45
842200016@qq.com

842200016@qq.com

回复 842200016@qq.com:
@DCloud_Android_zl
2019-06-04 15:35
842200016@qq.com

842200016@qq.com

启动图能用服务器上的链接吗
2019-06-04 15:34
哈哈八百

哈哈八百

回复 逞英雄:
解决了
2019-05-28 15:23
逞英雄

逞英雄

全面屏都还是拉伸了
2019-05-25 09:39
逞英雄

逞英雄

回复 哈哈八百:
解决了没?
2019-05-25 09:20
zhangyongkang2008@qq.com

zhangyongkang2008@qq.com

回复 DCloud_Android_zl:
九宫只适合小挂件中间内容中间内容延伸吧,大部分启动图感觉不太合适,启动图想要的是延伸两边,保持中间的内容不变。而九宫的功能正好相反。左侧和上方的黑线交叉的部分即可扩展区域,右侧和下方的黑线交叉的部分即内容显示区。。。。
2019-04-18 13:16
独木为夕

独木为夕

回复 张德帅:
需要安装jdk 百度java环境 自己配置下就可以了。
2019-04-09 18:28
张德帅

张德帅

回复 独木为夕:
不用装SDK 和配置Java_home 啥的吗?
2019-04-09 18:22
张德帅

张德帅

回复 独木为夕:
好的,我试试
2019-04-09 18:19
独木为夕

独木为夕

回复 张德帅:
java 安装jdk
2019-04-09 18:10
张德帅

张德帅

附件运行不了啊,需要装什么环境吗?
2019-04-09 18:04
哈哈八百

哈哈八百

回复 yidufenfei:
很合适,终于解决了,感谢
2019-02-28 16:41
yidufenfei

yidufenfei

回复 哈哈八百:
.9.png图做的有问题,左上描边你想让延伸的空白区域,右下描边你想让固定图片的位置,记得右下各只能描一条边,多了会打包报错Output: error: too many padding sections on right border.
2019-02-01 16:03
DCloud_Android_zl

DCloud_Android_zl (作者)

回复 哈哈八百:
制作.9.png 的时候,图片编辑右侧会显示拉伸后的效果,查看效果图会不会出现拉伸,以及提交打包时请确保HBuilderX升到最新版。
2019-01-31 11:25
哈哈八百

哈哈八百

使用转化后 .9.png的启动图,还是变形怎么办??小米8青春版手机
2019-01-30 11:51
yuyachong@qq.com

yuyachong@qq.com

直接在hx里面上传实现自动生成不好么?
2019-01-28 09:53