美文网首页Android开发学习
Android中加载GIF图片的实现

Android中加载GIF图片的实现

作者: 杨子翔 | 来源:发表于2018-01-03 09:43 被阅读71次

最近遇到Android中加载GIF图片,而Android目前还不支持GIF图片的加载。查询后发现很多第三方网络请求框架支持GIF图片的加载。

第一种:gifView 

这个需要通过google【翻墙下载】,下载完了demo和jar包之后需要将jar包放入工程中的lib文件夹中,然后添加到library中。在xml问价中填写布局为:

<com.ant.liao.GifView

    android:id="@+id/gif"

    android:layout_height="wrap_content"

    android:layout_width="wrap_content"

    android:paddingRight="12px" android:enabled="false"/>

使用gitView需要提前将展示GIF图片存放到res/drawable中,最大的问题竟然多次加载之后会导致OOM,所以放弃使用!

第二种:android-gif-drawable非常好的一个开源框架

https://github.com/koral--/android-gif-drawable目前已有5.5K🌟。

如果我们是直接从资源文件中加载GIF图只需要,将此框架导入项目中,在布局里调用就好啦!

compile 'pl.droidsonroids.gif:android-gif-drawable:1.2.10'

布局中代码:

<pl.droidsonroids.gif.GifImageView

    android:background="@drawable/loading"

    android:layout_gravity="center"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"/>

通过src引入或者直接background都是可以的。

public static Dialog ShowDialog(Context context){

    /**

    * 加载View

    */

    LayoutInflater inflater = LayoutInflater.from(context);

    View view = inflater.inflate(R.layout.activity_dialog, null);

    LinearLayout dialogView = (LinearLayout) view.findViewById(R.id.dialog_view);

    Dialog dialog = new Dialog(context,R.style.myDialogTheme);

    dialog.setContentView(dialogView);//dialog中加载的view示图

    dialog.setCanceledOnTouchOutside(false);

    Window window = dialog.getWindow();

    WindowManager.LayoutParams layoutParams = window.getAttributes();

    layoutParams.width = WindowManager.LayoutParams.WRAP_CONTENT;

    layoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;

    window.setGravity(Gravity.CENTER);

    window.setAttributes(layoutParams);

    dialog.show();

    return dialog;

}

/**

* 关闭dialog

* @param mDialogUtils

*/

public static void closeDialog(Dialog mDialogUtils) {

    if (mDialogUtils != null && mDialogUtils.isShowing()) {

        mDialogUtils.dismiss();

    }

这里创建了一个DialogUtil工具类,里面创建一个自定义的Dialog,在MainActivity中

case R.id.other_main:

    mDialog = DialogUtils.ShowDialog(MainActivity.this);

    mHandler.sendEmptyMessageDelayed(1, 5000);

    break;

通过Handler来进行实现Dialog5秒后关闭。

case 1:

    DialogUtils.closeDialog(mDialog);

    break;

第三种:使用网络图片加载框架,这里我们以Glide为例:

同样的自定义一个Dialog

public static Dialog GildeImage(Context context){

        LayoutInflater inflater = LayoutInflater.from(context);

        View view = inflater.inflate(R.layout.gidle_dialog, null);

        LinearLayout dialogView_ll = (LinearLayout) view.findViewById(R.id.gilde_ll);

        Dialog dialog = new Dialog(context,R.style.myDialogTheme);

        dialog.setContentView(dialogView_ll);//dialog中加载的view示图

        dialog.setCanceledOnTouchOutside(false);

        /**

        * gilde直接加载本地GIF图片

        */

        ImageView glide_img = (ImageView) dialog.findViewById(R.id.gilde_img);

        /**

        * gif图渲染完成之前,可以默认一个比较小的图片,但是网络正常时这个等待也就200-300毫秒。所以可以忽略的,

        如果网络很差,加载gif图比较慢时 为了友好性 最好加载个本地的图片作为友好提示

        */

        Glide.with(context).load(R.drawable.loading1)

                                .placeholder(R.mipmap.ic_launcher_round).into(glide_img);

//                diskCacheStrategy(DiskCacheStrategy.ALL).into(glide_img);

        Window window = dialog.getWindow();

        WindowManager.LayoutParams layoutParams = window.getAttributes();

        layoutParams.width = WindowManager.LayoutParams.WRAP_CONTENT;

        layoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;

        window.setGravity(Gravity.CENTER);

        window.setAttributes(layoutParams);

        dialog.show();

        return dialog;

    }

这里就用到了Glide的强大之处:

可以直接load(url) url图片的地址进行网络请求,这里需要在配置文件中声明网络请求的权限

<uses-permission android:name="android.permission.INTERNET"/>

这里我们演示的是直接在本地加载GIF图片

/**

        * gilde直接加载本地GIF图片

        */

//        Glide.with(context).load(R.drawable.loading1).into(glide_img);

        /**

        * gif图渲染完成之前,可以默认一个比较小的图片,但是网络正常时这个等待也就200-300毫秒。

        * 所以可以忽略的,如果网络很差,加载gif图比较慢时 为了友好性 最好加载个本地的图片作为友好提示

        */

        Glide.with(context).load(R.drawable.loading1)

                                .placeholder(R.mipmap.ic_launcher_round).into(glide_img);

        /**

        * 这里可以知行缓存 然后将缓存中的图片数据 添加到glide_img空间中

        */

//        Glide.with(context).load(存放图片的url).diskCacheStrategy(DiskCacheStrategy.ALL).into(glide_img);

项目地址:https://github.com/yangziling/YF_GIT.git

相关文章

网友评论

    本文标题:Android中加载GIF图片的实现

    本文链接:https://www.haomeiwen.com/subject/vlacnxtx.html