码迷,mamicode.com
首页 > 移动开发 > 详细

【Android实战】记录自学自己定义GifView过程,能同一时候支持gif和其它图片!【有用篇】

时间:2016-03-01 20:40:49      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:

之前写了一篇博客。《【Android实战】记录自学自己定义GifView过程,具体解释属性那些事!

【学习篇】》
关于自己定义GifView的,具体解说了学习过程及遇到的一些类的解释,然后完毕了一个项目,能通过在xml增加自己定义 view (MyGifView)中增加自己定义属性(my:gif_src = “@drawable/coffee”)。达到播放gif图片的效果。


可是。有几个问题

1.gif_src 属性仅仅支持 gif 图,并不支持其它类型的图片

2.仅仅支持默认的引用图片,不能另外设置


问题一

gif_src 属性仅仅支持 gif 图,并不支持其它类型的图片。

解决思路:
ImageView本身有个属性 src 是定义好的。已经能够用它播放静态图片。假设再能通过它播放动态图片,不就解决这个问题啦?!

于是查看 ImageView 类的源代码,看到构造函数

public ImageView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    //...

    final TypedArray a = context.obtainStyledAttributes(
                    attrs, com.android.internal.R.styleable.ImageView, defStyleAttr, defStyleRes);

    Drawable d = a.getDrawable(com.android.internal.R.styleable.ImageView_src);
    if (d != null) {
         setImageDrawable(d);
    }
    //...
}

有没有非常眼熟?!

对,之前自己定义属性的时候用过!这里只是把属性路径改了。之前我们用的是自己定义的路径 R.styleable.GifView 。

于是乎。我也想着,要是能在继承类(MyGifView)里面复制上段代码,然后再用movie转化,转换成功说明是 gif。就用之前的方法播放。转换失败说明是其它格式的图片,就交给 ImageView 自己处理!

真是好办法!

然而。根本不能这么用:

技术分享

不能导入internal的包!

可是思路是对的!

通过參考《 Android PowerImageView实现。能够播放动画的强大ImageView》

得知了能够用反射!
中心代码:

  /** 
     * 通过Java反射,获取到src指定图片资源所相应的id。

* * @param a 属性组 * @param context * @return 返回布局文件里指定图片资源所相应的id,没有指定不论什么图片资源就返回0。 */ private int getResourceId(TypedArray a, Context context) { try { Field field = TypedArray.class.getDeclaredField("mValue"); field.setAccessible(true); TypedValue typedValueObject = (TypedValue) field.get(a); return typedValueObject.resourceId; } catch (Exception e) { e.printStackTrace(); } finally { if (a != null) { a.recycle(); } } return 0; }

之前在自己定义view初始化中的代码。我是用得到自己定义属性值的方法获取gif的数据

int resId = typedArray.getResourceId(R.styleable.GifView_gif_src, 0); //gif_src属性相应值

如今仅仅须要改这一句就好啦!

//int resId = typedArray.getResourceId(R.styleable.GifView_gif_src, 0); //gif_src属性相应值

int resId = getResourceId(typedArray, context); //src属性相应值

然后后面都不用改啦!

(可是转换成 InputStream 的时候。还是要加一句推断 if (resId != 0)再进行转换)

if (resId != 0) {
    InputStream iStream = getResources().openRawResource(resId); //此方法能通过资源文件id查找到资源文件并转化为输入流
    mMovie = Movie.decodeStream(iStream); //输入流转化为Movie (mMovie 为全局变量,类型 Movie)
}

好了问题解决。如今能够在xml用src属性指向.gif文件,并且进行正常播放了!

问题二

仅仅支持默认的引用图片,不能另外设置

解决思路:
从外面设置无非就是外面调用setImageResource(int resId)setImageDrawable(Drawable drawable)setImageBitmap(Bitmap bm)等这些方法去改变 ImageView 属性 src 所相应的值!

那么。重写这些方法。把资源改成我们的 movie 就好啦。so easy!

首先重写setImageResource(int resId)

@Override 
public void setImageResource(int resId) {
    if (resId != 0) {
        InputStream iStream = getResources().openRawResource(resId);
        setMovie(iStream);
        if (mMovie == null) {
            super.setImageResource(resId);
        }
    } else {
        super.setImageResource(resId);
    }
    invalidate();
}
/**
 * 设置movie
 * @param iStream 输入流
 */
public void setMovie(InputStream iStream) {
    mMovie = Movie.decodeStream(iStream);
    if (mMovie == null) { //说明不是gif。直接退出
        return;
    }
    //设置图片宽高
    Bitmap bitmap = BitmapFactory.decodeStream(iStream);
    if (bitmap == null) {
        return;
    }
    mWidth = bitmap.getWidth();
    mHeight = bitmap.getHeight();
    bitmap.recycle();
}

然后在外面(比方MainActivity),调用gifView.setImageResource(R.drawable.coffee),能够显示gif,其它格式的图片也能够正常显示。

but…

出现了一个bug…

就是如今必须在xml里面的自己定义MyGifView增加默认的 src 引用 或者 backgroud 附初始值,不然会报错崩溃,假设不想增加默认图片。能够把background设置为透明 #00000000

报错的原因,大概是没设置src属性时。调用反射int resId = getResourceId(typedArray, context);得到的 resId 也并不为0 (具体得到的是什么我也还不知)。然后进入 if 语句执行InputStream iStream = getResources().openRawResource(resId);转换流的时候报了空指针,导致程序崩溃。

依照设置默认src或者backgroud的方法能够临时解决。假设广大网友知道是什么原因,有什么更好的办法解决它,恳求告知一下!

接着重写setImageDrawable(Drawable drawable)setImageBitmap(Bitmap bm)

=-=-=-=-=-=-=-=-= 为了完毕以下的实现,另花费了非常久时间,思绪可能和前面不大连贯了 =-=-=-=-=-=-=-=-=

我本来以为会如setImageResource(int resId)一样顺利,但事实上按原来的思路并不能够转换成gif,而是转换成了png/jepg!最后还是借助了三方包才勉强完毕任务。

接下来我按顺序解说下我实现的过程。

首先讲下原来的想法以及为什么后来推翻了。

按着setImageResource(int resId)的实现思路。setImageDrawable(Drawable drawable)应该也就是把 drawable 先转换成 input sream,然后再转换成movie,假设成功就说明是gif,不成功说明是其它格式则调用父类方法。

@Override
public void setImageDrawable(Drawable drawable) {
    if(drawable == null) {
        super.setImageDraable(drawable);
    } else {
        mWidth = drawable.getIntrinsicWidth(); //获得宽
        mHeight = drawable.getIntrinsicHeight(); //获得高
        InputStream iStream = FomatUtils.Drawable2InputStream(drawable); //通过工具类将drawable转换成input stream

        setMovie(iStream);
        if (mMovie == null) { //说明不是gif
            super.setImageDrawable(drawable);
        }
    }
    invalidate();
}

@Override
public void setImageBitmap(Bitmap bm) {
    this.setImageDrawable(new BitmapDrawable(getContext().getResources(), bm));
}

这个时候我们在Activity增加语句调用setImageDrawable()方法。在执行,出现的是静态图片!

说明代码是有问题的,焦点在drawable转换成inputstream的地方

InputStream iStream = FomatUtils.Drawable2InputStream(drawable); //通过工具类将drawable转换成input stream

看下转换类的具体代码 (參考《Android Bitmap与DrawAble与byte[]与InputStream之间的转换工具类》)

/** 
 * Bitmap与DrawAble与byte[]与InputStream之间的转换工具类 
 * @author azz 
 */  
public class FormatUtils {  
    /**
     * drawable -> input stream
     */
    public InputStream Drawable2InputStream(Drawable d) {  
        //drawable -> bitmap
        Bitmap bitmap = this.Drawable2Bitmap(d);
        //bitmap -> input stream  
        return this.Bitmap2InputStream(bitmap);  
    } 
    /**
     * drawable -> bitmap
     */
    public Bitmap Drawable2Bitmap(Drawable drawable) {  
        Bitmap bitmap = Bitmap  
                .createBitmap(  
                        drawable.getIntrinsicWidth(),  
                        drawable.getIntrinsicHeight(),  
                        drawable.getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888  
                                : Bitmap.Config.RGB_565);  
        Canvas canvas = new Canvas(bitmap);  
        drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),  
                drawable.getIntrinsicHeight());  
        drawable.draw(canvas);  
        return bitmap;  
    } 
    /**
     * bitmap -> input stream
     */
    public InputStream Bitmap2InputStream(Bitmap bm, int quality) {  
        ByteArrayOutputStream baos = new ByteArrayOutputStream();  
        bm.compress(Bitmap.CompressFormat.PNG, quality, baos);  //就是这里限制了转换成PNG类型
        InputStream is = new ByteArrayInputStream(baos.toByteArray());  
        return is;  
    }  
}

注意第三个转换函数Bitmap2InputStream()方法内的第二句

bm.compress(Bitmap.CompressFormat.PNG, quality, baos);

非常明显这里将Bitmap压缩为了PNG格式。也就是说GIF被压缩成了PNG!

这个时候非常容易想到,把PNG改成GIF不就能够了嘛!~

可是点击进入 CompressFormat 类后发现,仅仅支持三种格式

public enum CompressFormat {
    JPEG (0),
    PNG  (1),
    WEBP (2); //Sdk-14后開始支持
}

而这三种都不能实现压缩成gif格式的流。

这个时候我就突发奇想了,能不能不转换成 input stream!看看Movie还支持其它的什么转换方法么!

结果是这种:

Movie.decodeByteArray(byte[] data, int offset, int length)
Movie.decodeFile(String pathName)
Movie.decodeStream(InputStream is)

1.decodeByteArray通过 byte[] 转换的话。不管bitmap还是drawable都要经过下一步骤

    /**
     * bitmap -> byte[]
     */
    public byte[] Bitmap2Bytes(Bitmap bm) {  
        ByteArrayOutputStream baos = new ByteArrayOutputStream();  
        bm.compress(Bitmap.CompressFormat.PNG, 100, baos);  
        return baos.toByteArray();  
    } 

能够看到还是要压缩。所以这种方法放弃。

2.decodeFile通过文件转化的方法好像行之有效。并且Image自带方法setImageURL(Uri uri),那么重写它看看!

@Override
public void setImageURI(Uri uri) {
    mMovie = Movie.decodeFile(uri.toString());
    if (mMovie == null) {
        super.setImageURI(uri);
    }
}

怀着激动的心情执行。

结果 —— 并没有显示不论什么东西。

—(2015.7.21更新。找到方法破解该问题!

可略过以下一大段直接跳到最后看更新内容!)—


希望破灭了~

问度娘要安慰~

检索后。发现大部分情况都是将GIF转换成了PNG/JEPG就不了了之了,去 stackoverflow 发现有人问却也没有人给出行之有效的办法,去Github找各种第三方。发现非常多也仅仅是和我【学习篇】实现一样,并不能解决实际问题(我如今项目确实要用到,从sd卡读取图片并显示,支持gif和其它格式图片)。

搜索了一下午。也有了一些思路,大概例如以下:

方案1.通过先把 gif 图片转换为若干帧的 bitmap 保存起来,然后等要使用的时候,再合成 gif 。并利用线程播放。
(參看:《Android 载入.gif格式图片》

这种方法听上去就比較麻烦,看了代码量又好大我没时 (zi) 间 (xi) 看……)

方案2.自己写一个压缩类,实现压缩 gif 格式图片。


(參看:《java图片压缩处理 支持gif》《最终搞定多张JPG图片转成GIF动画这个难题,解决方法例如以下。》

这种方法听上去简单好用,可是代码量好大我没仔 (shi) 细 (jian) 看……)

方案3.通过第三方写好的拿来用。依据需求更改源代码。


(參看:《android开源库android-gif-drawable的使用》“GifView项目源代码”。这两个好像看评论第一个更好,用 JNI 攻克了内存泄露的问题。

可是。我用的是第二个……第二个自带 javadoc。自学没有问题。)

—(2015.8.28更新,还是把我逼到用jni的地步,已经会用。不难。比movie效率高!

往后跳过看。)—

懒人看过来:

我是个聪明人。也就是俗称的懒人~我一定是朝着“怎么能高速解决这个问题”这个方向走的。我如今攻克了,但并非完美地解决的方法,鼓舞大家都是勤快人。能自己去琢磨~也能够參考我的做法。

首先下载“GifView项目源代码”。文件夹结构是这个样子的
技术分享

能够看到有个Activity!~那么说明能够直接执行,我们看一下。

技术分享

哇,感觉好强大的样子。

可是翻阅Activity的实现发现,它都是调用项目res资源的gif,这个我们已经实现了,看看它还有没有其它的设置图片方法?

然后我们看看doc,哇好全的样子(自学就靠它了!)

技术分享

在GifView的API中。我们发现了三个方法:

技术分享

经试验。setGifImage(String filePath)能够播放本地(指SD卡)gif,可是也仅仅是支持 .gif 格式的,假设路径目标是其它格式(比方.png),程序就会挂掉。

感觉又回到了原点……忙了一天了。毫无成果。非常挫败。

这时候我懒人思想冒了出来:既然是读取文件路径,那就说明能够预先推断后缀名是否是gif。假设是的话就调用该方法,不是调用默认方法不就能够了。

另外,我发现。GifView并没有重写父类的“onDraw()”,”onMeasure()”。“setImageResource(int)”等方法,而我的 MyGifView 刚好写了,于是结合一下。用 MyGifView 继承 GifView!在MyGifView进行改动!

@Override
public void setImageURI(Uri uri) {
    String path = uri.toString();
    if (isGif(path)) { //依据路径名推断后缀是否为gif
        setGifImage(path); //调用父类GifView的方法
    } else {
        this.pauseGifAnimation(); //暂停之前动画,不然设置别的图片的时候,原来的gif还在播放动画
        super.setImageURI(uri); //调用原始父类ImageView的方法
    }
}
//以下两个方法能够写到工具类里
/**
 * @Description 推断是否是gif图片
 * @param path 文件路径
 * @return true 是gif; false 不是gif
 */
public boolean isGif(final String path) {
    if ("gif".equals(getExtFromFileName)) {
        return true;
    }
    return false;
}
/**
 * @Description 获取文件后缀名
 * @param fileName 文件名称或文件路径
 * @return 后缀名
 */
public String getExtFromFileName(final String fileName) {
    int dot = fileName.lastIndexOf(‘.‘); //取得最后一个.的位置
    if (dot != -1) {
        return fileName.substring(dot + 1, fileName.length());
    }
    return "";
}

在Activity里面调用

    myGifView.setImageURI(Uri.parse("mnt/sda/sda1/test/coffee.gif"));
    //myGifView.setImageURI(Uri.parse("mnt/sda/sda1/test/me.png"));

这个时候执行,发现gif和普通图片都能正常显示。可是卡顿非常严重!

用GifView的设置方法却不会。

原因我也找到了,是由于我的MyGifView重写了setImageDrawable(Drawable drawable)setImageBitmap(Bitmap bitmap),依据打印发现播放的时候,这两个方法频繁被调用,可能GifView播放动画的时候用到了这两个方法,反正我如今也用不到这两个方法,于是。我就干脆屏蔽掉了。

屏蔽掉之后果然不卡顿了。

最后有人要问了,那我的图片不在本地怎么办呀?我从网上下下来的图片怎么办呀?

我的懒人思想:
方案1. 你下下来先保存嘛……
方案2. 假设你能够得到byte[]数据的话,能够试试Movie的处理byte[]的办法,也能够自己把byte[]转换成InputStream。然后调用setMovie(InputStream),还能够试试用GifView处理byte[]的方法。

总而言之,能绕过bitmap转input stream就好办!

原来这篇博客写了八千字了……该结贴了。


源代码地址:https://github.com/Xieyupeng520/MyGifView_V1.1


2015.7.21 更新。解决 Movie.decodeFile 不起作用的问题

本来用上面的第三方攻克了也挺好。可是我发现几个问题,第三方的代码播放帧数较多的 gif 图片卡顿非常严重!并且 gif 放大后清晰度也失真严重。

非常幸运的是。我在网上找解决的方法的时候,找到了个非常easy的方法,还是用Movie。并且用 Movie 通过流的方式播放 gif 的效果是最好的。和原图无差。

这种方法我之前也用过。就是用 Movie 的 decodeFile 方法,以下是 GifView 里面重写父类的 setImageURI 方法。

@Override
public void setImageURI(Uri uri) {
    mMovie = Movie.decodeFile(uri.toString());
    if (mMovie == null) {
        super.setImageURI(uri);
    }
}

这个之前试过是不行的。

看我找到的解决的方法。

方法一:

參考了“贴吧五楼”和博客 《android 播放网络或本地gif格式的动态图片》后。得到的解决的方法是:

将FileInputStream转化为btye[]数组。然后调用Movie.decodeByteArray(byte[] array,0,array.length); 去完毕。

写成代码是这个样子:

@Override
public void setImageURI(Uri uri) {
    InputStream is = new FileInputStream(uri.toString());
    //把 sream 转换成 byte[]
    byte[] array = streamToBytes(iStream);
    mMovie = Movie.decodeByteArray(array, 0, array.length);
    if (mMovie == null) {
        super.setImageURI(uri);
    }

    //设置图片宽高
    Bitmap bitmap = BitmapFactory.decodeByteArray(array, 0, array.length);
    if (bitmap != null) {
        mWidth = bitmap.getWidth();
        mHeight = bitmap.getHeight();
        bitmap.recycle(); //不须要了,释放掉
    }
}

//把 sream 转换成 byte[]
private byte[] streamToBytes(InputStream is) {
    ByteArrayOutputStream os = new ByteArrayOutputStream(1024); //亲測也可不写1024
    byte[] buffer = new byte[1024]; //缓存buffer
    int len;
    try {
        while ((len = is.read(buffer)) >= 0) {
            os.write(buffer, 0, len); //写入输出流
        }
    } catch (Exception e) {
        e.printStackTrace();
    }
    return os.toByteArray();
}

方法二:

假设你连方法一都嫌麻烦的话,那方法二真的是代码少到死!


直接上代码!

@Override
public void setImageURI(Uri uri) {
    //就以下两句是新加的,其它都是原来的
    InputStream is = new BufferedInputStream(new FileInputStream(uri.toString()));
    is.mark(16 * 1024);
    //调用之前封装好的setMovie(InputStream is)方法
    setMovie(is);
    if (mMovie == null) {
        super.setImageURI(uri);
    }
}
/**
 * 设置movie
 * @param iStream 输入流
 */
public void setMovie(InputStream iStream) {
    mMovie = Movie.decodeStream(iStream);
    if (mMovie == null) { //说明不是gif。直接退出
        return;
    }
    //设置图片宽高
    Bitmap bitmap = BitmapFactory.decodeStream(iStream);
    if (bitmap == null) {
        return;
    }
    mWidth = bitmap.getWidth();
    mHeight = bitmap.getHeight();
    bitmap.recycle();
}

只是有个问题是,Bitmap bitmap = BitmapFactory.decodeStream(iStream);这一句得到的bitmap为null,用方法一不会出现此问题。

參考:《解决Android中Movie导入播放GIF图片文件异常IOException.reset》

我也真是运气,点进去一个“不相关”的问题,都能找到解决的方法。

所以提醒大家找问题的时候,不要局限于你自己的那几个关键字哦!

~


2015.8.28 更新!使用强大的android-gif-drawable开源库,效率比Movie还高!

命运多舛,又出现新问题了,7.21更新的方法在4.0。4.2,5.0的机器上測试都没问题,却发如今Android 4.4出现调用movie.draw(canvas,0,0)崩溃的情况。我也崩溃了。

于是后来我用了第三方调用jni的android-gif-drawable开源库。之前不用它就是怕麻烦,用过之后发现不像想象中那样复杂。如今记录一下使用过程。

首先打开《android开源库android-gif-drawable的使用》,过一下前面8点,讲了怎么样把 jni 拷到自己项目中。

后面的就是一些 API 了。

简单使用,先新建一个GifDrawable,然后把GifDrawable设置到 GifImageView / GifImageButton / GifTextView 中。就OK了!

    GifImageView gif = (GifImageView) findViewById(R.id.hisGifView);

    GifDrawable gifFromResource = new GifDrawable( getResources(), R.drawable.run );
    gif.setImageDrawable(gifFromResource);

值得一提的是,文章其中用的是1.0.8版本号,如今尽管已经更新到了1.1.9版本号了。可是我用的仍然是1.0.8的,由于1.1.9的so直接导入执行报错,而我还不知道怎样解决。

1.0.8版本号缺点是不能在Android 5.0 + 的手机上正常执行。


8.28更新-Demo源代码下载:https://github.com/Xieyupeng520/MyGifView_V1.3



假设你有不论什么问题。欢迎留言告诉我!

【Android实战】记录自学自己定义GifView过程,能同一时候支持gif和其它图片!【有用篇】

标签:

原文地址:http://www.cnblogs.com/gcczhongduan/p/5232309.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!