•引言
9.png 可以保证图片在合适的位置进行局部拉伸,避免了图片全局缩放造成的图片变形问题。
但是由于Android Studio对于.9图片的检查更加严格,所以不符合AS要求的.9图片会带来很多坑。
不过,AS也提供了制作点9图片的便捷入口,并且会检查你的.9图是否有不合理的拉伸区域。
•为什么要制作 .9 图片?
Nine-Patch 图片到底有什么实际作用呢?
我们通过一个例子来看一下;
从网上下载一张气泡样式的图片 message_left.png,如下图所示:
我们将这张图片设置为 LinearLayout 的背景图片,修改 activity_main.xml 中的代码,如下所示:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/message_left"> </LinearLayout>将 LinearLayout 的宽度指定为 match_parent,然后,将他的背景图片设置为 message_left;
现在运行程序,效果图如下所示:
可以看到,由于 message_left 的宽度不足以填满整个屏幕的宽度;
整张图片被均匀地拉伸了;
•如何制作.9图片?
首先《第一行代码中》的方法过时了,这项功能已经被集成到AS当中了;
两种方式制作.9图片:
- 将图片放入到 drawable 文件夹中,将图片后缀改为.9.png,然后点击图片,直接进入点9图片制作视图
- 我们在 res/drawable 下找到这张图片,右击该图片选择 Create 9-Patch file 选项
点击 OK 即可创建 message_left.9 图片,打开 .9 图片,如下图所示:
使用鼠标在图片的边缘拖动就可以进行绘制:
按住 shift 键拖动可以进行擦除:
绘制完成后的效果图如下图所示:
•说明
以下内容为转载内容,原文链接:如何在Android Studio中潇洒的使用.9.png
•在AS中使用.9.png要点
•.9.png中四条黑线的意义
1:黑色条位置向下覆盖的区域表示图片横向拉伸时,只拉伸该区域
2:黑色条位置向右覆盖的区域表示图片纵向拉伸时,只拉伸该区域
3:黑色条位置向上覆盖的区域表示图片纵向显示内容的区域(在手机上主要是文字区域)
4:黑色条位置向左覆盖的区域表示图片横向显示内容的区域(在手机上主要是文字区域)
•.9.png制作工具解析
•.9.png的常见bug
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。