资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

Android中如何使用Glide框架-创新互联

本篇文章为大家展示了Android中如何使用Glide框架,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

创新互联网络公司拥有10多年的成都网站开发建设经验,上千余家客户的共同信赖。提供成都网站设计、成都网站制作、网站开发、网站定制、卖链接、建网站、网站搭建、成都响应式网站建设公司、网页设计师打造企业风格,提供周到的售前咨询和贴心的售后服务

加载网络图片

引入对应的库

compile 'com.android.support:recyclerview-v7:25.0.0'compile 'com.github.bumptech.glide:glide:3.7.0'

创建RecyclerView的布局res/layout/fragment_list.xml

创建RecyclerView的每个item的布局 res/layout/list_item.xml

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


    

创建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

Android中如何使用Glide框架

image.png

加载本地图片

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

private void loadAlbum(){
  AsyncTask asyncTask = new AsyncTask() {      @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();
}

Android中如何使用Glide框架

添加图像变换

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

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

这个库提供很多的变换,如 剪裁相关的,颜色变化相关的,模糊相关的等,具体的请参考 源码
试用了一个圆形的效果

Glide.with(mContext)
              .load(url)
              .placeholder(R.mipmap.ic_launcher)
              .diskCacheStrategy(DiskCacheStrategy.RESULT)
              .bitmapTransform(new CropCircleTransformation(mContext)) //使用圆形变换,还可以使用其他的变换
              .into(holder.image);

上述内容就是Android中如何使用Glide框架,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联-成都网站建设公司行业资讯频道。


文章名称:Android中如何使用Glide框架-创新互联
网站网址:http://cdkjz.cn/article/ioccs.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220