Android实现背景图自适应不失真（中）

 3. 使用Draw9Patch.jar制作9.PNG图片之定义拉伸区域。

      前面已经了解到9.PNG格式的工作方式，下面我们使用谷歌提供的Draw9Patch(运行android-sdk-windows\tools目录下的Draw9Patch.bat)来制作.9.PNG图片。
      第一步：准备要拉伸的图片。
                                                           
      非常小的一张图片，我希望以此为背景，中间部分填充文章内容。
      第二步：制作.9.PNG图片。
      打开Draw9Patch,把图片拖进去，如下：

      默认的拉伸是整体拉伸，其实边框部分我们并不想拉伸，好，我们自己来定义拉伸区域，如下图：

       然后点击File,导出为content.9.png。
       第三步：在layout文件中使用制作的 .9.PNG图片.
       新建工程Draw9Patch，默认主Activity为Draw9PatchActivity.java:

    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }

      我们把content.9.png文件拷贝到/res/drawable文件夹下，打开/res/layout目录下的main.xml，申明如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#777"
    android:padding="8dip"
    >
    <TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="正文:A NinePatchDrawable graphic is a stretchable bitmap image."
    android:background="@drawable/content"
    android:textColor="#000"
    />
</LinearLayout>

     如图，

     我们修改text，

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#777"
    android:padding="8dip"
    >
<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="正文:A NinePatchDrawable graphic is a stretchable bitmap image, which Android will automatically resize to accommodate the contents of the View in which you have placed it as the background. A NinePatch drawable is a standard PNG image that includes an extra 1-pixel-wide border."
    android:background="@drawable/content"
    android:textColor="#000"
    />
</LinearLayout>

      如图，

      可以看出，边框非常的清晰。下图是未使用.9.PNG的对比图，而且也不是我们要的效果：

      到这里为止，我们已经基本会制作.9.PNG图片了。为了知识体系的全面性和深入性，我们继续。