Android Drawable之点9图

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ddxxii/article/details/79774684

点九图,应用中很正常就会用到的,遇到一些需要拉伸的图,我们就会用到.9图,自己制作好拉伸区域和内容区域即可。资源数据类型为: NinePatchDrawable

  1. 拉伸区域:图片随着控件拉伸的时候,拉伸的区域
  2. 内容区域:搁置内容的区域,比如文字

制作.9图很简单,在以前我们需要使用sdk中的工具来制作,使用Android studio(后简称AS)后直接在AS中打开图即可如图:

  • 左:为制作图片区域
  • 右:为制作图片效果区域

制作步骤如下

  1. 选取图片,后缀用.9.png
  2. 放入AS中打开
    • 可以勾选底部Show patches , 显示制作交点
    • 建议勾选Show content , 显示内容区域,如右边
  3. 左侧使用鼠标进行拉伸
    • 左、上两边为拉伸区域
    • 右、下两边为内容区域
  4. 制作完成
  5. 在xml中引用

引用

一. 直接引用
<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/nine_patch"
        android:gravity="center"
        android:text="我是来点9图占位的哦" />
二. 先放xml中再引用

1 . 图片在xml中

<?xml version="1.0" encoding="utf-8"?>
<nine-patch xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:dither="false"
    android:src="@drawable/nine_patch"
    tools:ignore="ResourceCycle" />
参数:
  • android:src : 选择.9图片路径

  • android:dither : 抖动,当位图的像素配置与屏幕不同时(例如:ARGB 8888 位图和 RGB 565 屏幕),启用或停用位图抖动

2 . 再在布局中引用

<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/nine_patch_xml"
        android:gravity="center"
        android:text="我是来点9图占位的哦" />

效果

使用的TextView,基本配置如下,都是warp_content和center

 android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"

第一个TextView背景是内容区域几乎贴满图片。第二个内容区域是靠左下。内容区域可在制作的时候show_content来查看控制。

拉伸区域都是中间部分,因为我这个图是横条部分都可以拉伸,真实制作的时候,根据图片而定,总不能在一些不该拉伸的部分去让它拉伸吧。点9图是常用到的,像聊天框就多会用到,比较简单,各位自己试一次就能完全了解。

展开阅读全文

没有更多推荐了,返回首页