Android示例应用：开源框架Glide的使用

概述Android开源框架Glide的使用-示例应用加载网络图片加载网络图片加载本地图片-简易图库加载网络图片引入对应的库compile'com.android.support:recyclerview-v7:25.0.0'compile'com.github.bumptech.glide:glide:3.7.0'创建RecyclerView的布局res/layout/fragment_list

AndroID开源框架GlIDe的使用-示例应用

加载网络图片

加载网络图片加载本地图片-简易图库加载网络图片

引入对应的库

compile 'com.androID.support:recyclervIEw-v7:25.0.0'compile 'com.github.bumptech.glIDe:glIDe:3.7.0'

创建RecyclerVIEw的布局res/layout/fragment_List.xml

<?xml version="1.0" enCoding="utf-8"?><androID.support.v7.Widget.RecyclerVIEw    xmlns:androID="http://schemas.androID.com/apk/res/androID"    androID:layout_wIDth="match_parent"    androID:layout_height="match_parent"    androID:ID="@+ID/recycler_vIEw"></androID.support.v7.Widget.RecyclerVIEw>

创建RecyclerVIEw的每个item的布局 res/layout/List_item.xml

需要注意不要都写成match_parent或wrap_content,不然就显示不出来瀑布流的效果

<?xml version="1.0" enCoding="utf-8"?><linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"    androID:orIEntation="vertical" androID:layout_wIDth="match_parent"    androID:layout_height="wrap_content">    <ImageVIEw        androID:layout_wIDth="match_parent"        androID:layout_height="wrap_content"        androID:adjustVIEwBounds="true"        androID:ID="@+ID/image"/></linearLayout>

创建RecyclerVIEw的适配器，GankAdapter.java，主要的代码逻辑如下

@OverrIDepublic VIEwHolder onCreateVIEwHolder(VIEwGroup parent, int vIEwType) {    VIEw v = LayoutInflater.from(mContext).inflate(R.layout.List_item,parent,false);    return new VIEwHolder(v);}@OverrIDepublic voID onBindVIEwHolder(VIEwHolder holder, int position) {    final String url = mItems.get(position);    Log.e("tag","============onBindVIEwHolder url: "+url);    GlIDe.with(mContext)            .load(url)            .placeholder(R.mipmap.ic_launcher)            .diskCacheStrategy(diskCacheStrategy.RESulT)            .into(holder.image);    holder.image.setonClickListener(new VIEw.OnClickListener(){        @OverrIDe        public voID onClick(VIEw v) {            Intent intent = new Intent();            intent.setClass(mContext,PrevIEwImageActivity.class);            intent.putExtra("url",url);            mContext.startActivity(intent);        }    });}@OverrIDepublic int getItemCount() {    return mItems.size();}public class VIEwHolder extends RecyclerVIEw.VIEwHolder{     ImageVIEw image;    public VIEwHolder(VIEw itemVIEw) {        super(itemVIEw);        image = (ImageVIEw)itemVIEw.findVIEwByID(R.ID.image);    }}

显示RecyclerVIEw，创建一个Fragment来显示 GankFragment.java
主要的显示逻辑如下：

@Nullable@OverrIDepublic VIEw onCreateVIEw(LayoutInflater inflater, @Nullable VIEwGroup container, @Nullable Bundle savedInstanceState) {    VIEw v = inflater.inflate(R.layout.fragment_List,container,false);    mClIEnt = new OkhttpClIEnt();    mReyclerVIEw = (RecyclerVIEw) v.findVIEwByID(R.ID.recycler_vIEw);    mReyclerVIEw.setLayoutManager(new StaggeredGrIDLayoutManager(2,StaggeredGrIDLayoutManager.VERTICAL));    mAdapter = new GankAdapter(getActivity(),mUrls);    mReyclerVIEw.setAdapter(mAdapter);    loadAPI(index);    mReyclerVIEw.addOnScrollListener(new RecyclerVIEw.OnScrollListener() {        @OverrIDe        public voID onScrollStateChanged(RecyclerVIEw recyclerVIEw, int newState) {            super.onScrollStateChanged(recyclerVIEw, newState);        }        @OverrIDe        public voID onScrolled(RecyclerVIEw recyclerVIEw, int dx, int dy) {            super.onScrolled(recyclerVIEw, dx, dy);            if(isScrollToEnd(mReyclerVIEw)){                Log.e("tag","============scroll to end");                index += 1;                loadAPI(index);            }        }    });    return v;}

为了加载网络图片，引入了OkhttpClIEnt的第三方库

compile 'com.squareup.okhttp3:okhttp:3.4.1'

加载网络的图片的逻辑

private voID loadAPI(int page){  Request request = new Request.Builder().url("http://gank.io/API/data/%E7%A6%8F%E5%88%A9/10/"+page).build();  mClIEnt.newCall(request).enqueue(new Callback() {      @OverrIDe      public voID onFailure(Call call, IOException e) {          Log.e("tag","loading failure ");          e.printstacktrace();      }      @OverrIDe      public voID onResponse(Call call, Response response) throws IOException {          if(response.isSuccessful()){              String result = response.body().string();              try {                  JsONObject Json = new JsONObject(result);                  JsONArray array = new JsONArray(Json.getString("results"));                  for(int i = 0;i<array.length();i++){                      JsONObject ob = array.getJsONObject(i);                      mUrls.add(ob.getString("url"));                      Log.e("tag","========== url: "+ob.getString("url"));                  }                  mHandler.sendEmptyMessage(2);              }catch (JsONException e){                  e.printstacktrace();              }          }      }  });}

加载本地图片

使用GlIDe加载本地图片，和网络图片使用的是同一个适配器的代码GankAdapter.java
显示逻辑代码LocalAlbumFragment.java,主要是从本地图像数据库中加载数据

private voID loadAlbum(){  AsyncTask<VoID, VoID, VoID> asyncTask = new AsyncTask<VoID, VoID, VoID>() {      @OverrIDe      protected VoID doInBackground(VoID... params) {          Cursor  c = getContext().getContentResolver().query(MediaStore.Images.Media.EXTERNAL_CONTENT_URI,                  new String[]{MediaStore.Images.ImageColumns.DATA},null,null, MediaStore.Images.ImageColumns.DATE_TAKEN+" desc ");          if(null != c && c.getCount() > 0 && c.movetoFirst()){              while (c.movetoNext()){                  mData.add(c.getString(c.getColumnIndex(MediaStore.Images.ImageColumns.DATA)));              }          }          return null;      }      @OverrIDe      protected voID onPostExecute(VoID aVoID) {          mHandler.sendEmptyMessage(2);      }  };  asyncTask.execute();}

添加图像变换

使用GlIDe库时，可以对图像做一些变换处理，如：圆角，模糊等处理，使用GlIDe的.bitmaptransform()方法，
自己需要写对应的变换的方法，但是现在有很好的第三方库已经对一些常用的变换做了封装，可以直接使用，不要重复造轮子
引入第三方图像变换库 ：glIDe-transformations

compile 'jp.wasabeef:glIDe-transformations:2.0.1'

这个库提供很多的变换，如 剪裁相关的，颜色变化相关的，模糊相关的等，具体的请参考 源码，获取地址：面试·Android开发技巧大全·进阶资料·精选面试视频
试用了一个圆形的效果

GlIDe.with(mContext)              .load(url)              .placeholder(R.mipmap.ic_launcher)              .diskCacheStrategy(diskCacheStrategy.RESulT)              .bitmaptransform(new CropCircletransformation(mContext)) //使用圆形变换，还可以使用其他的变换              .into(holder.image);

当然，如果对这些效果都不满意，可以自己写对应的变换效果

总结

以上是内存溢出为你收集整理的Android示例应用：开源框架Glide的使用全部内容，希望文章能够帮你解决Android示例应用：开源框架Glide的使用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。