超棒的Glide图片加载
扫描二维码
随时随地手机看文章
GitHub开源:https://github.com/bumptech/glide
超棒的工具,竟然还可以加载.gif !!Glide完全基于Picasso,沿袭了其简洁风格,并在其基础上做了大量优化与改进。
1、Glide默认的Bitmap格式是RGB_565,而Picasso默认ARGB_8888,Glide内存开销要小一半。
2、磁盘存储方面,Picasso只缓存原始图片,而Glide可以根据ImageView大小来缓存相应图片大小,这个改进使Glide速度更快。
3、Glide支持加载.gif动图,Picasso不支持。
总体来说,Glide是在Picasso基础上进行的二次开发,各方面做了不少改进,但也导致Glide的包比较大(<500k),Picasso是100k左右。
一篇两者的比较:http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0327/2650.html
github介绍使用方法:
// For a simple view: @Override public void onCreate(Bundle savedInstanceState) { ... ImageView imageView = (ImageView) findViewById(R.id.my_image_view); Glide.with(this).load("http://goo.gl/gEgYUd").into(imageView); } // For a simple image list: @Override public View getView(int position, View recycled, ViewGroup container) { final ImageView myImageView; if (recycled == null) { myImageView = (ImageView) inflater.inflate(R.layout.my_image_view, container, false); } else { myImageView = (ImageView) recycled; } String url = myUrls.get(position); Glide .with(myFragment) .load(url) .centerCrop() .placeholder(R.drawable.loading_spinner) .crossFade() .into(myImageView); return myImageView; }
实例:在ListView中使用Glide加载.gif和.jpg:
在适配器Adapter的getView()中(比Universal-Image-loader简洁太多啦!):
@Override public View getView(int position,View convertView,ViewGroup parent){ ViewHolder viewHolder; View view; if(convertView == null){ viewHolder = new ViewHolder(); view = LayoutInflater.from(getContext()).inflate(resource, null); viewHolder.imageView = (ImageView)view.findViewById(R.id.image_item); view.setTag(viewHolder); }else{ view = convertView; viewHolder = (ViewHolder)view.getTag(); } String imageUrl = Urls.imageUrls[position]; Glide.with(getContext()) .load(imageUrl) .centerCrop() .crossFade() .into(viewHolder.imageView); return view; }//.override(int width,int height).placeholder(R.drawable.ic_launcher).error(R.drawable.ic_launcher) class ViewHolder{ ImageView imageView; }
Glide.with()
**总结:可以传入的参数有
*@see #with(Android.app.Activity)
* @see #with(android.app.Fragment)
* @see #with(android.support.v4.app.Fragment)
* @see #with(android.support.v4.app.FragmentActivity)
centerCrop是一种裁剪技术,缩放图像,让它填充到ImageView.
crossFade(),淡入淡出效果
into(),imageView的id.
Urls.java
package sunny.example.helloglidelistview; public class Urls { final static String[] imageUrls = new String[]{ "http://img.ui.cn/data/file/8/0/2/666208.gif", "http://img.ui.cn/data/file/8/3/8/667838.jpg", "http://img.ui.cn/data/file/9/5/9/654959.jpg", "http://img.ui.cn/data/file/7/0/3/668307.jpg", "http://img.ui.cn/data/file/6/0/1/663106.jpg", "http://img.ui.cn/data/file/6/5/8/664856.jpg", "http://img.ui.cn/data/file/0/2/2/666220.jpg", "http://img.ui.cn/data/file/2/5/1/667152.gif", "http://img.ui.cn/data/file/3/5/1/667153.jpg", "http://img.ui.cn/data/file/8/3/8/664838.jpg" }; }
Item.java
public class Item { private String imageUrl; public Item(String imageUrl){ this.imageUrl = imageUrl; } }
MainActivity.java
package sunny.example.helloglidelistview; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.widget.ListView; import java.util.ArrayList; public class MainActivity extends ActionBarActivity { private ListView listView; private ArrayListarrayList; private Item item; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); listView = (ListView)findViewById(R.id.listView); arrayList = new ArrayList(); for(int i = 0;i < Urls.imageUrls.length;i++){ item = new Item(Urls.imageUrls[i]); arrayList.add(item); } ItemAdapter adapter = new ItemAdapter(this,R.layout.image_item,arrayList); listView.setAdapter(adapter); } }
完整代码在:https://github.com/HiSunny/HelloGlideListView.git
Thanks to stromzhang