NinePatchDrawable详解

来源:互联网 发布:王后将相宁有种乎 编辑:程序博客网 时间:2024/06/06 00:28

最近项目需要动态加载 .9.png (从网络上加载到本地)

琢磨了许久 NinePatchDrawable , 在此小记。有两种实现方式

方式1:分离原图将描边和内容区域图片 分开

Android程序员对NinePatch文件一定很熟悉,因为它的应用实在是太广泛了,当图像需要拉伸或收缩时,一定会首先考虑到它,而由于Android设备那五花八门的分辨率,图像的拉伸收缩几乎是不可避免的....

Google已经为我们安排好了一个简单有效的NinePatch使用模式:

  1. 创建图像文件
  2. 使用sdk/tools/draw9patch工具,选择图像的拉伸收缩区域,以及内容显示区域(可选)
  3. 将draw9patch生成的*.9.png文件复制到res/drawable目录中
  4. 在UI文件或者程序代码中,直接使用文件对应的Drawable
通常情况下,这种模式工作得很好,但有时候,我们还想要更多....比如,我们的图像来源于互联网,而不是编译到App中固定的图像
那就要我们自己创建新的应用模式了:
  1. (同上)创建图像文件
  2. (同上)使用sdk/tools/draw9patch工具,选择图像的拉伸收缩区域,以及内容显示区域(可选)
  3. 将draw9patch生成的*.9.png编译为Android特有的格式(还是可正常显示的png文件,但是将draw9patch中生成的上下左右4条边裁掉了,相关信息生成chunk数据嵌入png文件中)
  4. 使用BitmapFactory载入编译后的NinePatch图像文件,获得Bitmap对象bmp
  5. 确认Bitmap是合法的NinePatch文件:NinePatch.isNinePatchChunk(bmp.getNinePatchChunk())
  6. 生成NinePatchDrawable对象:new NinePatchDrawable(getResources(), bmp, chunk, new Rect(), null);
关于上面的步骤3:编译*.9.png文件,我还没有找到更简单的方法,目前的方法是,先创建一个傀儡App,将需要编译的9.png放入这个App并生成APK,再unzip这个APK文件并从res/drawable目录下取出编译后的*.9.png文件。另外,也有人做了命令行工具abrc可以编译*.9.png文件(http://forum.xda-developers.com/showthread.php?t=785012)

另外,如果图像定义了内容显示区(NinePatch图像的右下黑边),我们需要从chunk数据中解出其上下左右的padding数据,上面的步骤6需要修改一下才能在NinePatchDrawable中获得正确的padding rect,具体代码可参考这里:http://stackoverflow.com/questions/11065996/ninepatchdrawable-does-not-get-padding-from-chunk


2、经过android编译器处理后 直接使用

.9资源是啥?

.9图是一种可以拉伸的图片格式,当你把它用作背景图时,android系统会根据实际情况来拉伸图片资源。比如按钮的背景必须根据上面显示文字的长短作拉伸。NinePatch就是额外包含了一个像素边界的PNG图片,用.9.png来标识,并且存放在应用的res/drawable下。上边界和左边界定义了.9图的拉伸规则和静态不变的区域,两条线的交集为一个矩形,这个矩形内的像素可以自由拉伸;右边界和下边界定义了内容的位置,可以理解为pading。

可以利用sdk/tool/里的Draw 9-patch工具根据具体需求在png图四周加特定的像素描边生成。

怎么引用相对路径资源

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. .setBackgroundDrawable(getNinePatchDrawable(getBitmapByResourceName("image/headwindows_bg2.9.png")))  
  2.           
  3. ImageView imageView = new ImageView(getContext());  
  4. imageView.setImageBitmap(getBitmapByResourceName("image/logo01.png"));  

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. protected Bitmap getBitmapByResourceName(String string) {  
  2.         InputStreaminputStream = getClass().getResourceAsStream(string);  
  3.         return BitmapFactory.decodeStream(inputStream);  
  4.     }  

String=”image/headwindows_bg2.9.png”为目标资源相对于当前class文件的路径。

相对路径引用.9资源

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. protected Drawable getNinePatchDrawable(Bitmap bitmap) {  
  2.         byte[] chunk =bitmap.getNinePatchChunk();  
  3.         NinePatchDrawableninePatchDrawable = new NinePatchDrawable(getContext().getResources(), bitmap, chunk,  
  4.                 new Rect(), null);  
  5.         return ninePatchDrawable;  
  6.     }  

Tips:.9资源分两种,一种是未编译的源文件在应用源码的res/drawable下;另一种是在apk包中已经编译过的资源。区别是编译后的.9图里面多了chunk信息用来描述那个拉伸的像素边框。我们这里使用的.9图是要编译后的资源。

应用场景

在开发一个对外开放sdk的jar包时需要弹一些自定义的对话框和按钮,但jar包只是一个压缩包,无法像标准android应用那样使用resource来获取资源,只能通过相对路径使用文件流来解析资源文件。所以提出这种方案来满足这种需求,另外还有一种方法是使用系统默认的资源或者让调用sdk的应用自带这些资源然后通过三方应用传入的Context获取到resource从而取得资源。

注:UI资源存放的相对位置:


使用系统自带资源的手法可以查阅资源应用



0 0
原创粉丝点击