android .9图生成-优快云博客

本文介绍.9图的概念及如何使用Android SDK中的draw9patch工具制作.9图，并通过实例展示了如何调整图片的拉伸区域和内容显示区域，确保图片在不同尺寸下能够正确显示而不失真。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.9图就是在普通的png图片多了1px的边框，用于指定内容显示区域和图片的拉伸区域，这样就可以使某些图片比如有圆角的图片不会因拉伸而变形。
具体制作就是使用Android Sdk里的draw9patch工具，打开该工具如下图：
这里写图片描述
用鼠标左键点击图片四周多出来的1px边框，在四周各形成一条黑线。左边和上边黑线控制的区域分别表示纵向、横向的拉伸区域（当图片需要拉伸时，只会对这部分区域进行拉伸，图片的其他部分会保持原样），右边和下边黑线控制的区域分别表示纵向、横向的内容区域（比如TextView背景使用.9图片时，它的内容就显示在这部分区域里）。如果需要对原有的.9图进行修改，用鼠标右键或右键+Shift键点击原来的黑线区域就可以将原来的黑线擦除，然后就可以重新编辑了。
下面试一下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:background="@android:color/darker_gray">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@android:color/black"
        android:text="Test11111"
        android:gravity="center"
        android:background="@mipmap/bg_sys_msg"/>
</LinearLayout>

TextView的背景图如下：
这里写图片描述
运行的显示效果如下：

扣可以看到里面的问题，文字的水平显示区域有些靠左了（占用到左边的三角图形的区域了），这是因为制作的.9图的下面的那条黑线（表示内容的水平显示区域）太靠左了。修改一下：
这里写图片描述
运行效果如下：

这下看上去就比较正常了
注意拉伸的区域大小至少要有2x2这么大（也就是说左边和上边的黑线至少都要有2px这么长），否则就可能会没有拉伸效果，还有就是定制拉伸区域（左边和上边的黑线）时需要在图片的开始和结束的两边至少要留有1px的安全区域，否则图片的边界的颜色可能会发生改变。