在android studio中直接使用draw9patch.bat制作.9图片

刚开始学习 android,记录一下有用的碎片知识。

.9图片:图片后缀名带有 .9 的图片,例如 example.9.png,主要特点是在拉伸的时候特定区域不会图片失真。

1. 将原始图片 example.png 放至 drawable 目录下。注意不能放在其他目录。图片格式只支持png
2. 右键点击图片,选择 ** “ Create 9-Patch file ” ** 选项。如果图片不是 png 格式,则找不到这个选项,如下二图所示。
在android studio中直接使用draw9patch.bat制作.9图片_第1张图片
在android studio中直接使用draw9patch.bat制作.9图片_第2张图片
3. 弹出如下对话框,点击ok保存。
在android studio中直接使用draw9patch.bat制作.9图片_第3张图片
4. 操作界面
在android studio中直接使用draw9patch.bat制作.9图片_第4张图片
在android studio中直接使用draw9patch.bat制作.9图片_第5张图片

四个方向的黑线代表的意义如下:

顶部:在水平拉伸的时候,保持其他位置不动,只在这条黑线的区域做无限的延伸
左边:在竖直拉伸的时候,保持其他位置不动,只在这条黑线的区域做无限的延伸
底部:在水平拉伸的时候,指定图片里的内容显示的区域
右边:在竖直拉伸的时候,指定图片里的内容显示的区域
原文见 Android Studio(3.1.3 win64)中9-patch图片的制作和使用

具体的操作可以通过拖动选区框的边缘来选择区域。我的理解是图中绿色选中区域的是拉伸的区域,白色的未选中区域是保持不变的区域。左边是操作框,右边是效果图。效果图很大,往下拉还有两种不同方向的拉伸,这个页面怎么缩小目前没有找到方法,以后找到会更新本文。

注意对于拉伸区域有图案的部分,会拉伸不均,如下图。
在android studio中直接使用draw9patch.bat制作.9图片_第6张图片
5. 使用时,对于原 example.png 图片,生成 example.9.png 后,删除原png图片,直接在 layout 文件中使用 @drawable/example 引用即可。

参考链接:
1.6 .9(九妹)图片怎么玩
Android Studio(3.1.3 win64)中9-patch图片的制作和使用

你可能感兴趣的:(android)