Android Drawable之点9图

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

拉伸区域：图片随着控件拉伸的时候，拉伸的区域
内容区域：搁置内容的区域，比如文字

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

左：为制作图片区域
右：为制作图片效果区域

制作步骤如下

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

引用

一. 直接引用

<TextViewandroid: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 . 再在布局中引用

<TextViewandroid: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图是常用到的，像聊天框就多会用到，比较简单，各位自己试一次就能完全了解。

Android Drawable之点9图相关推荐

Android Drawable 详解（教你画画！）
参考 1.Android中的Drawable基础与自定义Drawable 2.android中的drawable资源 3.Android开发之Shape详细解读 Drawable分类 No xml标签 ...
【Android 安装包优化】Android 中使用 SVG 图片 ( SVG 矢量图简介 | Android 中生成 Vector 矢量图资源 )
文章目录一.SVG 矢量图简介二.Android 中生成 Vector 矢量图资源三.参考资料一.SVG 矢量图简介 Android SVG 参考文档 : https://developer. ...
android drawable 比例,Android中的Drawable基础与自定义Drawable
转载请注明链接:http://blog..net/feather_wch/article/details/79124608 本文要点: 1. 介绍Android中Drawable的相关知识点,并且介绍 ...
Android Drawable 与 LayerList综合汇总
先看需求,要求这种效果上代码 <?xml version="1.0" encoding="utf-8"?> <layer-list xmln ...
Unity之android Drawable数据传递以APPIcon为例
Unity之android Drawable数据传递以APPIcon为例.在Unity开发中,有时候需要与Android端传递数据,比如 Drawable,本节以Unity与Androi ...
Android tips（十二）--Android开发中使用矢量图
转载请标明出处:一片枫叶的专栏本文我们将介绍一些关于Android矢量图的相关知识点.最新的项目中要求以矢量图替代传统的.png资源文件,所以特意学习了一下Android中的矢量图相关概念,不得不说 ...
Android Drawable (可绘制图像)
Drawable (可绘制图像) 本文由 Luzhuo 编写,转发请保留该信息. 原文: https://blog.csdn.net/Rozol/article/details/87100169 Dr ...
领略千变万化的Android Drawable （二）
转载请注明出处(万分感谢!): http://blog.csdn.net/javazejian/article/details/52247337 出自[zejian的博客] 关联文章: 领略千变万化的 ...
领略千变万化的Android Drawable （一）
转载请注明出处(万分感谢!): http://blog.csdn.net/javazejian/article/details/52247324 出自[zejian的博客] 关联文章: 领略千变万化的 ...

Android Drawable之点9图

制作步骤如下

引用

一. 直接引用

二. 先放xml中再引用

参数：

效果

Android Drawable之点9图相关推荐

最新文章

热门文章