在运行时创建 NinePatch/NinePatchDrawable

Question

我对我的 Android 应用程序有一个要求，即通过从服务器端检索新的颜色和图像，图形上的部分应该是可定制的。其中一些图像是九块图像。

我找不到创建和显示这些九个补丁图像（已通过网络检索）的方法。

九个补丁图像被检索并作为位图保存在应用程序中。为了创建 NinePatchDrawable，您需要相应的 < a href="http://developer.android.com/reference/android/graphics/NinePatch.html" rel="noreferrer">NinePatch 或块 (byte[])九补丁。 NinePatch 无法从资源加载，因为 /res/drawable/ 中不存在图像。此外，为了创建 NinePatch，您需要 NinePatch 的块。因此，一切都深入到该块。
那么问题是，如何从现有位图（包含 NinePatch 信息）格式化/生成块？

我搜索了 Android 源代码和网络，但似乎找不到任何这样的示例。更糟糕的是，NinePatch 资源的所有解码似乎都是本地完成的。

有没有人有过此类问题的经验？

我的目标是 API 级别 4（如果这很重要的话）。

Answer 1

getNin​​ePatchChunk 工作得很好。它返回 null，因为您为 Bitmap 提供了“源”ninepatch。它需要一个“编译的”ninepatch 图像。

Android 世界中有两种类型的 ninepatch 文件格式（“源”和“编译”）。源版本是在各处添加 1px 透明边框的地方 - 当您稍后将应用程序编译为 .apk 时，aapt 会将您的 *.9.png 文件转换为 Android 期望的二进制格式。这是 png 文件获取其“块”元数据的地方。 （了解更多）

好的，现在开始说正事。

1. 客户端代码，如下所示：

   InputStream 流 = .. //随便
   位图 bitmap = BitmapFactory.decodeStream(stream);
   byte[] chunk = bitmap.getNin​​ePatchChunk();
   布尔结果 = NinePatch.isNinePatchChunk(chunk);
   NinePatchDrawable patchy = new NinePatchDrawable(位图, 块, new Rect(), null);
   

2. 服务器端，您需要准备图像。您可以使用 Android 二进制资源编译器。这可以自动消除创建新 Android 项目的一些痛苦，只是将一些 *.9.png 文件编译为 Android 本机格式。如果您要手动执行此操作，您实际上需要创建一个项目并放入一些 *.9.png 文件（“源”文件），将所有内容编译为 .apk 格式，解压缩 .apk 文件，然后找到 *.9.png 文件。 9.png 文件，这就是您发送给客户的文件。

另外：我不知道 BitmapFactory.decodeStream 是否知道这些 png 文件中的 npTc 块，因此它可能会或可能不会正确处理图像流。 Bitmap.getNin​​ePatchChunk 的存在表明 BitmapFactory 可能——您可以在上游代码库中查找它。

如果它不知道 npTc 块并且您的图像被严重搞砸，那么我的答案会稍微改变。

您无需将编译后的 ninepatch 图像发送到客户端，而是编写一个快速 Android 应用程序来加载编译后的图像并吐出 byte[] 块。然后，您将此字节数组与常规图像一起传输到客户端 - 没有透明边框，不是“源”ninepatch 图像，也不是“编译的”ninepatch 图像。您可以直接使用块来创建对象。

另一种替代方法是使用对象序列化将 ninepatch 图像 (NinePatch) 发送到客户端，例如使用 JSON 或内置序列化程序。

编辑如果您真的非常需要构建自己的块字节数组，我会首先查看do_9patch、isNinePatchChunk、Res_png_9patch ResourceTypes.cpp 中的 和 Res_png_9patch::serialize()。还有 Dmitry Skiba 自制的 npTc 块读取器。我无法发布链接，所以如果有人可以编辑我的答案那就太好了。

do_9补丁：
https://android.googlesource.com/ platform/frameworks/base/+/gingerbread/tools/aapt/Images.cpp

isNinePatchChunk：http://netmite.com/android/mydroid/1.6/frameworks/base/core/jni/android/graphics/NinePatch.cpp

struct Res_png_9patch ： https ://scm.sipfoundry.org/rep/sipX/main/sipXmediaLib/contrib/android/android_2_0_headers/frameworks/base/include/utils/ResourceTypes.h

Dmitry Skiba 东西：http://code.google.com/p/android4me/source/browse/ src/android/graphics/Bitmap.java

Answer 2

如果您需要动态创建 9Patches，请查看我制作的要点： https://gist.github.com/4391807

你可以向它传递任何位图，然后给它提供类似于 iOS 的上限插入。

Answer 3

我创建了一个工具来从（未编译的）NinePatch 位图创建 NinePatchDrawable。
请参阅 https://gist.github.com/knight9999/86bec38071a9e0a781ee 。

方法
NinePatchDrawable createNinePatchDrawable(Resources res, Bitmap bitmap)
对你有帮助。

例如，

    ImageView imageView = (ImageView) findViewById(R.id.imageview);
    Bitmap bitmap = loadBitmapAsset("my_nine_patch_image.9.png", this);
    NinePatchDrawable drawable = NinePatchBitmapFactory.createNinePatchDrawable(getResources(), bitmap);
    imageView.setBackground( drawable );

在

public static final Bitmap loadBitmapAsset(String fileName,Context context) {
    final AssetManager assetManager = context.getAssets();
    BufferedInputStream bis = null;
    try {
        bis = new BufferedInputStream(assetManager.open(fileName));
        return BitmapFactory.decodeStream(bis);
    } catch (IOException e) {
        e.printStackTrace();
    } finally {
        try {
            bis.close();
        } catch (Exception e) {

        }
    }
    return null;
}

此示例案例中，my_nine_patch_image.9.png 位于 asset 目录下。

Answer 4

无需使用Android Binary Resource Compiler来准备编译好的9patch png，只需在android-sdk中使用aapt即可，命令行如下：
aapt.exe c -v -S /path/to/project -C /path/to/destination

Answer 5

所以您基本上想按需创建一个 NinePatchDrawable ，不是吗？我尝试了以下代码，也许它对您有用：

InputStream in = getResources().openRawResource(R.raw.test);
Drawable d = NinePatchDrawable.createFromStream(in, null);
System.out.println(d.getMinimumHeight() + ":" + d.getMinimumHeight());

我认为这应该有效。您只需更改第一行即可从网络获取 InputStream。根据文档，getNin​​ePatchChunk() 不适合由开发人员调用，并且将来可能会中断。

Answer 6

工作和测试 - 运行时 NINEPATCH 创建

这是我对 android Ninepatch Builder 的实现，您可以通过此类和下面的代码示例通过提供任何位图在运行时创建 NinePatch

public class NinePatchBuilder {
    int width,height;
    Bitmap bitmap;
    Resources resources;
    private ArrayList<Integer> xRegions=new ArrayList<Integer>();
    private ArrayList<Integer> yRegions=new ArrayList<Integer>();
    public NinePatchBuilder(Resources resources,Bitmap bitmap){
        width=bitmap.getWidth();
        height=bitmap.getHeight();
        this.bitmap=bitmap;
        this.resources=resources;
    }
    public NinePatchBuilder(int width, int height){
        this.width=width;
        this.height=height;
    }
    public NinePatchBuilder addXRegion(int x, int width){
        xRegions.add(x);
        xRegions.add(x+width);
        return this;
    }
    public NinePatchBuilder addXRegionPoints(int x1, int x2){
        xRegions.add(x1);
        xRegions.add(x2);
        return this;
    }
    public NinePatchBuilder addXRegion(float xPercent, float widthPercent){
        int xtmp=(int)(xPercent*this.width);
        xRegions.add(xtmp);
        xRegions.add(xtmp+(int)(widthPercent*this.width));
        return this;
    }
    public NinePatchBuilder addXRegionPoints(float x1Percent, float x2Percent){
        xRegions.add((int)(x1Percent*this.width));
        xRegions.add((int)(x2Percent*this.width));
        return this;
    }
    public NinePatchBuilder addXCenteredRegion(int width){
        int x=(int)((this.width-width)/2);
        xRegions.add(x);
        xRegions.add(x+width);
        return this;
    }
    public NinePatchBuilder addXCenteredRegion(float widthPercent){
        int width=(int)(widthPercent*this.width);
        int x=(int)((this.width-width)/2);
        xRegions.add(x);
        xRegions.add(x+width);
        return this;
    }
    public NinePatchBuilder addYRegion(int y, int height){
        yRegions.add(y);
        yRegions.add(y+height);
        return this;
    }
    public NinePatchBuilder addYRegionPoints(int y1, int y2){
        yRegions.add(y1);
        yRegions.add(y2);
        return this;
    }
    public NinePatchBuilder addYRegion(float yPercent, float heightPercent){
        int ytmp=(int)(yPercent*this.height);
        yRegions.add(ytmp);
        yRegions.add(ytmp+(int)(heightPercent*this.height));
        return this;
    }
    public NinePatchBuilder addYRegionPoints(float y1Percent, float y2Percent){
        yRegions.add((int)(y1Percent*this.height));
        yRegions.add((int)(y2Percent*this.height));
        return this;
    }
    public NinePatchBuilder addYCenteredRegion(int height){
        int y=(int)((this.height-height)/2);
        yRegions.add(y);
        yRegions.add(y+height);
        return this;
    }
    public NinePatchBuilder addYCenteredRegion(float heightPercent){
        int height=(int)(heightPercent*this.height);
        int y=(int)((this.height-height)/2);
        yRegions.add(y);
        yRegions.add(y+height);
        return this;
    }
    public byte[] buildChunk(){
        if(xRegions.size()==0){
            xRegions.add(0);
            xRegions.add(width);
        }
        if(yRegions.size()==0){
            yRegions.add(0);
            yRegions.add(height);
        }
        /* example code from a anwser above
        // The 9 patch segment is not a solid color.
        private static final int NO_COLOR = 0x00000001;
        ByteBuffer buffer = ByteBuffer.allocate(56).order(ByteOrder.nativeOrder());
        //was translated
        buffer.put((byte)0x01);
        //divx size
        buffer.put((byte)0x02);
        //divy size
        buffer.put((byte)0x02);
        //color size
        buffer.put(( byte)0x02);

        //skip
        buffer.putInt(0);
        buffer.putInt(0);

        //padding
        buffer.putInt(0);
        buffer.putInt(0);
        buffer.putInt(0);
        buffer.putInt(0);

        //skip 4 bytes
        buffer.putInt(0);

        buffer.putInt(left);
        buffer.putInt(right);
        buffer.putInt(top);
        buffer.putInt(bottom);
        buffer.putInt(NO_COLOR);
        buffer.putInt(NO_COLOR);

        return buffer;*/
        int NO_COLOR = 1;//0x00000001;
        int COLOR_SIZE=9;//could change, may be 2 or 6 or 15 - but has no effect on output 
        int arraySize=1+2+4+1+xRegions.size()+yRegions.size()+COLOR_SIZE;
        ByteBuffer byteBuffer=ByteBuffer.allocate(arraySize * 4).order(ByteOrder.nativeOrder());
        byteBuffer.put((byte) 1);//was translated
        byteBuffer.put((byte) xRegions.size());//divisions x
        byteBuffer.put((byte) yRegions.size());//divisions y
        byteBuffer.put((byte) COLOR_SIZE);//color size

        //skip
        byteBuffer.putInt(0);
        byteBuffer.putInt(0);

        //padding -- always 0 -- left right top bottom
        byteBuffer.putInt(0);
        byteBuffer.putInt(0);
        byteBuffer.putInt(0);
        byteBuffer.putInt(0);

        //skip
        byteBuffer.putInt(0);

        for(int rx:xRegions)
            byteBuffer.putInt(rx); // regions left right left right ...
        for(int ry:yRegions)
            byteBuffer.putInt(ry);// regions top bottom top bottom ...

        for(int i=0;i<COLOR_SIZE;i++)
            byteBuffer.putInt(NO_COLOR);

        return byteBuffer.array();
    }
    public NinePatch buildNinePatch(){
        byte[] chunk=buildChunk();
        if(bitmap!=null)
            return new NinePatch(bitmap,chunk,null);
        return null;
    }
    public NinePatchDrawable build(){
        NinePatch ninePatch=buildNinePatch();
        if(ninePatch!=null)
            return new NinePatchDrawable(resources, ninePatch);
        return null;
    }
}

---

。 现在我们可以使用 ninepatch 构建器来创建 NinePatch 或 NinePatchDrawable 或创建 NinePatch Chunk。

示例：

NinePatchBuilder builder=new NinePatchBuilder(getResources(), bitmap);
NinePatchDrawable drawable=builder.addXCenteredRegion(2).addYCenteredRegion(2).build();

//or add multiple patches

NinePatchBuilder builder=new NinePatchBuilder(getResources(), bitmap);
builder.addXRegion(30,2).addXRegion(50,1).addYRegion(20,4);
byte[] chunk=builder.buildChunk();
NinePatch ninepatch=builder.buildNinePatch();
NinePatchDrawable drawable=builder.build();

//Here if you don't want ninepatch and only want chunk use
NinePatchBuilder builder=new NinePatchBuilder(width, height);
byte[] chunk=builder.addXCenteredRegion(1).addYCenteredRegion(1).buildChunk();

只需将 NinePatchBuilder 类代码复制粘贴到 java 文件中，并使用示例在应用程序运行时以任何分辨率动态创建 NinePatch。

Answer 7

Bitmap 类提供了一个方法来执行此操作 yourbitmap.getNin​​ePatchChunk()。我从未使用过它，但似乎这就是您所寻找的。