美文网首页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