Android设计中的.9.png图片 _Android

我自横刀向天笑，去留肝胆两昆仑。这篇文章主要讲述Android设计中的.9.png图片相关的知识，希望能为你提供帮助。

.9.png是一种能够自己定义拉伸特定区域的图片格式。

简书：Android设计中的.9.png图片
在android的UI设计开发中，非常多控件须要适配不同的手机分辨率进行拉伸或者压缩，这样就出现了能够随意调整大小的一种图片格式“.9.png”。这样的图片是用于Android开发的一种特殊的图片格式，它能够指定特定的区域进行拉伸而不失真。同一时候能够指定前景内容的显示区域。即.9.png图片的用处能够概括为以下两点：
- .9.png图片在图片拉伸的时候特定的区域不会发生图片失真。
- .9.png图片作为背景图的时候能够指定内容显示区域；
一、.9.png图片与普通图片的对照

通过上面的对照，我们能够发现，.9.png图片周围会有一条黑色的线条，这些黑色线条有什么作用呢？就是用于指定我们背景的拉伸区域或者前景内容的显示区域。

- 左边黑线：纵向拉伸区域，必须要画的，控制纵向拉伸，如上图右側第一个小图。

- 上边黑线：横向拉伸区域，必须要画的。控制横向拉伸，如上图右側第二个小图。
-右边黑线：可选，纵向内容显示区域
-下边黑线：可选。横向内容显示区域
通过上面的的介绍。我们知道.9.png的四条边上的黑线有哪些用途。那么我们将介绍下关于拉伸区域的界定。
拉伸区域

红色框区域：表示纵向拉伸区域，当控件背景图片须要进行纵向拉伸时，它仅仅会拉伸红色区域，其他区域不会拉伸。
绿色框区域：表示横向拉伸区域。当控件背景图片须要进行横向拉伸时。它仅仅会拉伸绿色区域，其他区域不会拉伸。
红绿相交区域：该段区域横向和纵向都会拉伸。

前景内容显示区域

红色框区域：指定横向文本显示的区域。限定文本左右能显示到的边界。
蓝色框区域：指定纵向文本显示的取。限定文本上下能显示到的边界。

二、.9.png图片的制作这么强大的一种图片，在我们android开发中的适配环节。起了非常大的作用。那么怎么制作这样的.9.png图片呢？在Android的工具中给我们提供了draw9patch.bat工具来制作.9文件。该工具文件夹在\android-sdk-windows\tools\draw9patch.bat。
我们直接打开draw9path.bat二进制程序，将我们须要制作的图片导入进去。然后按住鼠标左键进行划黑边。假设画错了。通过Shift+鼠标左键进行拖动取消。

三、简单体验首先，我们通过简单的布局文件看看普通图片的展示效果。

< ? xml version="1.0" encoding="utf-8"?> < RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="dsw.iflytek.com.pngdemo.MainActivity"> < TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@mipmap/back" android:layout_centerInParent="true" android:text="Hello World!" /> < /RelativeLayout>