点九图相信大家在入门 UI 的时候就开始接触过，只要涉及到Android开发，就会被广泛运用在很多场景。

前言 

点九图相信大家在入门 UI 的时候就开始接触过，只要涉及到Android开发，就会被广泛运用在很多场景。而作为一名在互联网搬了三四年砖的老民工，居然现在才搞懂原理和具体的操作步骤，想想之前几年都干了些啥……

 1. 什么是点九图 

在Android开发中，常用到的一种特殊格式的图片，它具有可拉伸的特性，官方学名叫【NinePatchDrawable】，俗称【点九图】。 点九图是一种可拉伸的位图，安卓会自动调整它的大小，来使图像在充当背景时可以在界面中自适应。 点九图是标准PNG格式的图像，并包含了多出来的1像素宽的边界。保存点九图时要以【.9.png】结尾，放置在项目中【res/drawable/】路径之下。

从官方的解释我们可以知道以下几点：

• 首先是安卓设备才被支持

• 其特征主要是在原本很小的元素上进行定位拉伸

• 必须以【.9.png】结尾，才能被识别到

2. 为什么需要  

Android 机型适配

 Android有很多不同尺寸的屏幕，从720p，1080p，再到2k，还有现在的全面屏，固定尺寸的图片在这些屏幕上呈现会各不相同。

文案长度自适应

在点九图充当背景，上面承载文案时，因为文案的长短会根据实际需求动态调整，无法固定长度。所以一张图片无法适配这些复杂的场景。

提升性能

点九图不需要全尺寸输出图片，加上文案自适应，从而减小了安装包大小，降低了用户下载安装时长并提升性能。

 3.使用场景  

聊天气泡

聊天气泡是最普遍的应用场景，包括特殊的样式，动态的文案长度，以及不同分辨率的适配。

Tips

我们经常看到的促销引导，功能说明，也可以根据产品运营需要动态调整大小，长度。

背景按钮

一些特殊的背景样式，高级投影的按钮，也可以用点九图输出，达到效果。

4. 实现原理

通过在图片四周添加 【黑边】标记，达到信息传达和定义的目的。
 

当图片在程序中被编译并最终生成Apk程序时，程序会将 【黑边】所代表的信息提取并实现图片拉伸，然后再把这部分去除，因此这些【点九图】中的 【黑边】就不会影响到图片的最终展示。

黑边的含义

❶ 纵向拉伸区域。控制图片高的拉伸

❷ 横向拉伸区域。控制图片宽的拉伸

❸ 纵向显示区域。文字在这个高度内显示

❹ 横向显示区域。文字在这个宽度内显示

Powered by Froala Editor