android 从服务器加载.9图

问题描述: APP启动时, 广告页的图片是从服务器上获取, 这个图片一般需要全屏显示, 这个怎么适配呢?

解决方法1: 如果使用android:scaleType="fitXY"属性, 图片肯定会拉伸. 这个时候我们会想到用.9图

解决方法2: 用两张图片叠加, 一张纯色背景图, 另一张我们的广告图, 背景图和广告的背景保持一致就可以了. 纯色的背景图怎么拉伸都无所谓了.

比较: 方法2显然不如方法1, 这里我们看看方法1.
尝试: 直接把.9图放到服务器上, 结果: 和普通图片没什么区别.
原理: 跑去网上看了一下才知道, 原来我们放在本地的.9图之所以能正常加载, 并不是ImageView直接加载的, 而是在编译的时候通过了转换, 最终才能被ImageView使用. 所以我们把.9图通过手动转换, 然后把转换后的图片放到服务器, 这样就可以直接使用了.

第一步: 制作.9图 我是用AS制作的, 如下图, 选择图片右键选择.

注意:

如果是.jpg是没有这个选项的, png图才有. 其它格式的图片没试过.
制作.9图不规范会报错, 一般只需要画上和左就可以了.

制作.9图.png

第二步: 转换
使用SDK里面的build-tools工具

在build-tools\26.02(版本号) 目录下打开cmd. 例如我目录: C:\Users\dell\AppData\Local\Android\sdk\build-tools\26.0.2.
然后输入命令.\aapt s -i .9图文件位置 -o 转换后文件位置.
例如: 源文件a.9.png 和转换后的文件b.png都在\sdk\build-tools\26.0.2目录下. 那我直接在cmd里面输入: .\aapt s -i .\a.9.png -o .\b.png 就会生成b.png图片, 如下图:

转换.png

第三步: 本来以为这样就OK了, 结果图片还是被拉伸了, 一开始我怀疑是不是转换过程错了, 后来到网上去查了资料才知道, 还不能直接使用. 需要使用代码如下:

    byte[] chunk = bitmap.getNinePatchChunk();
    if(NinePatch.isNinePatchChunk(chunk)){
        NinePatchDrawable npd = new NinePatchDrawable(getResources(), bitmap, chunk, new Rect(), null);
        imageView.setImageDrawable(npd);
    }else{
        imageView.setImageBitmap(bitmap);
    }

注意: if里面是加载.9图转换后的图片, else是普通图片, 如果不加判断直接用NinePatchDrawable加载图片的话, 普通图片会报错.

最后添加两张效果图. 为了让效果明显一点, 故意把imageView高缩短. 主要看中间的图标.

效果.9图.png

效果普通图.png