本篇文章为大家展示了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();
}
}
}
});
}
image.png
使用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'
这个库提供很多的变换,如 剪裁相关的,颜色变化相关的,模糊相关的等,具体的请参考 源码
试用了一个圆形的效果
Glide.with(mContext)
.load(url)
.placeholder(R.mipmap.ic_launcher)
.diskCacheStrategy(DiskCacheStrategy.RESULT)
.bitmapTransform(new CropCircleTransformation(mContext)) //使用圆形变换,还可以使用其他的变换
.into(holder.image);
上述内容就是Android中如何使用Glide框架,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。
原文链接:http://blog.itpub.net/69952849/viewspace-2670597/