Android中利用9-Patch(点9)处理图片

一、什么是 9-Patch 图片?

一种被特殊处理过的png图片,可以指定哪些区域能够拉伸,哪些区域可以显示内容。

二、使用场景

主要是用于对话框等拉伸能够不变形的场景。

三、 创建.9.png图片

1. 选中一张png图片,右键Create 9-Patch file

2. 选中文件夹,修改名字。

注意:9-Patch图片要放在drawable文件夹下,否则编译时会报错。后缀名必须是.9.png。

四、编辑.9.png图片

在drawable下会生成刚才创建的点9图,双击打开进行编辑。

在图片的边缘点击鼠标沿着边缘滑动会出现黑线,用来控制图片可拉伸和可显示区域。上和左控制图片可拉伸区域,下和右控制图片可显示区域。

注意:可拉伸区域可以多个,但可显示区域每边只能有一个。

五、简单使用

使用时不需要再在文件名后加.9

    <TextView
        android:id="@+id/tvTitle"
        android:textSize="20sp"
        android:background="@drawable/talk_custom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

六、介绍一下编辑页面中选项的含义(这里就不演示效果图了,选中看看就知道了)

1. Show lock:选中showlock,然后将鼠标移动到图片上,会显示红色斜杠表示图片锁定的区域。

2. Show patches:显示图片中可以进行缩放的区域,如下图红框圈中的绿色区域。

3. Show content:表示可以填充内容的区域,如下图紫色区域。

4. Show bad patches:显示原图中不规范的缩放区域。比如带弧度中部分是不应该缩放的。

5. Zoom:可以调节左侧编辑区域的缩放比例。

6. Patch scale:调节右侧预览区域的缩放比例。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章