通过案例快速学会Android Picasso图片缓存库
imud86
8年前
<p> picasso是Square公司开源的一个Android图形缓存库,官网地址<a href="/misc/goto?guid=4958860113958143127">http://square.github.io/picasso/</a>,可以实现图片下载和缓存功能。<br> 下载地址:<a href="/misc/goto?guid=4958972548258164558">https://github.com/square/picasso</a></p> <p><img alt="这里写图片描述" src="https://simg.open-open.com/show/dc024edaaabe3e9838d6296d3cc40b6e.png"></p> <h2>配置方法</h2> <pre> <code class="language-java">MAVEN <dependency> <groupId>com.squareup.picasso</groupId> <artifactId>picasso</artifactId> <version>(insert latest version)</version> </dependency></code></pre> <pre> <code class="language-java">GRADLE compile 'com.squareup.picasso:picasso:(insert latest version)'</code></pre> <h2>基本使用</h2> <p> picasso仅需一行代码就能实现图片的异步加载</p> <pre> <code class="language-java">Picasso.with(context).load("http://i.imgur.com/DvpvklR.png").into(imageView);</code></pre> <p> Picasso不仅实现了图片异步加载的功能,还解决了android中加载图片时需要解决的一些常见问题:</p> <ol> <li>在adapter中需要取消已经不在视野范围的ImageView图片资源的加载,否则会导致图片错位,Picasso已经解决了这个问题。</li> <li>使用复杂的图片压缩转换来尽可能的减少内存消耗</li> <li>自带内存和硬盘二级缓存功能</li> </ol> <h2>Picasso特性</h2> <p><strong>ADAPTER 中的下载:Adapter的重用会被自动检测到,Picasso会取消上次的加载</strong></p> <pre> <code class="language-java">@Override public void getView(int position, View convertView, ViewGroup parent) { SquaredImageView view = (SquaredImageView) convertView; if (view == null) { view = new SquaredImageView(context); } String url = getItem(position); Picasso.with(context).load(url).into(view); }</code></pre> <p><strong>图片转换:转换图片以适应布局大小并减少内存占用</strong></p> <pre> <code class="language-java">Picasso.with(context) .load(url) .resize(50, 50) .centerCrop() .into(imageView)</code></pre> <p> 你还可以自定义转换:</p> <pre> <code class="language-java">public class CropSquareTransformation implements Transformation { @Override public Bitmap transform(Bitmap source) { int size = Math.min(source.getWidth(), source.getHeight()); int x = (source.getWidth() - size) / 2; int y = (source.getHeight() - size) / 2; Bitmap result = Bitmap.createBitmap(source, x, y, size, size); if (result != source) { source.recycle(); } return result; } @Override public String key() { return "square()"; } }</code></pre> <p> 将CropSquareTransformation 的对象传递给transform 方法即可。</p> <p><strong>Place holders-空白或者错误占位图片</strong><br> picasso提供了两种占位图片,未加载完成或者加载发生错误的时需要一张图片作为提示。</p> <pre> <code class="language-java">Picasso.with(context) .load(url) .placeholder(R.drawable.user_placeholder)//没有加载图片时显示的默认图像 .error(R.drawable.user_placeholder_error)// 图像加载错误时显示的图像 .into(imageView);// 被加载的控件</code></pre> <p> 如果加载发生错误会重复三次请求,三次都失败才会显示erro Place holder。<br> <strong>资源文件的加载</strong><br> 除了加载网络图片以外,picasso还支持加载Resources, assets, files, content providers中的资源文件。</p> <pre> <code class="language-java">Picasso.with(context).load(R.drawable.landing_screen).into(imageView1); Picasso.with(context).load("file:///android_asset/DvpvklR.png").into(imageView2); Picasso.with(context).load(new File(...)).into(imageView3);</code></pre> <p><strong>列表使用Picasso加载图片案例</strong></p> <p><img alt="这里写图片描述" src="https://simg.open-open.com/show/3e6f95695d598c446a6a3eea8e56e3e2.png"></p> <p>首先在dependencies 中添加Picasso相关配置</p> <p><strong>compile ‘com.squareup.picasso:picasso:2.5.2’</strong></p> <p>然后上源码:</p> <p>ListViewActivity.java</p> <pre> <code class="language-java">import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.widget.ListView; import java.util.ArrayList; import java.util.List; /** * Created by huangshuai on 2016/5/20. * Email:huangshuai@wooyun.org * 列表Activity */ public class ListViewActivity extends AppCompatActivity { private ListView lv_main; private List<SunBean> listDatas; private SunAdapter lAdapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.list_view); lv_main = (ListView) findViewById(R.id.list_sun); listDatas = new ArrayList<>(); initData(); lAdapter = new SunAdapter(listDatas, this); lv_main.setAdapter(lAdapter); } /** * 初始化数据 */ private void initData() { SunBean sun1 = new SunBean(); sun1.setTitle("太阳的后裔一"); sun1.setPicUrl("http://img3.imgtn.bdimg.com/it/u=3746050745,4184822198&fm=11&gp=0.jpg"); listDatas.add(sun1); SunBean sun2 = new SunBean(); sun2.setTitle("太阳的后裔二"); sun2.setPicUrl("http://cdn.duitang.com/uploads/item/201603/02/20160302223503_jmdXT.thumb.224_0.jpeg"); listDatas.add(sun2); SunBean news3 = new SunBean(); news3.setTitle("太阳的后裔三"); news3.setPicUrl("http://img5.duitang.com/uploads/item/201602/23/20160223132131_RNSQ3.thumb.224_0.jpeg"); listDatas.add(news3); SunBean sun4 = new SunBean(); sun4.setTitle("太阳的后裔四"); sun4.setPicUrl("http://img5.duitang.com/uploads/item/201603/03/20160303163634_iveUE.thumb.224_0.jpeg"); listDatas.add(sun4); SunBean sun5 = new SunBean(); sun5.setTitle("太阳的后裔五"); sun5.setPicUrl("http://cdn.duitang.com/uploads/item/201603/07/20160307013640_FQCTc.thumb.224_0.jpeg"); listDatas.add(sun5); SunBean sun6 = new SunBean(); sun6.setTitle("太阳的后裔六"); sun6.setPicUrl("http://img4.duitang.com/uploads/item/201603/03/20160303102359_vzwPC.thumb.224_0.jpeg"); listDatas.add(sun6); SunBean news7 = new SunBean(); news7.setTitle("太阳的后裔七"); news7.setPicUrl("http://img4.duitang.com/uploads/item/201603/03/20160303101132_AMPRv.thumb.224_0.jpeg"); listDatas.add(news7); SunBean sun8 = new SunBean(); sun8.setTitle("太阳的后裔八"); sun8.setPicUrl("http://img0.imgtn.bdimg.com/it/u=1043934750,464206674&fm=11&gp=0.jpg"); listDatas.add(sun8); } }</code></pre> <p>SunAdapter.java</p> <pre> <code class="language-java">import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.TextView; import com.squareup.picasso.Picasso; import java.util.List; /** * Created by huangshuai on 2016/5/20. * Email:huangshuai@wooyun.org * 列表Adapter */ public class SunAdapter extends BaseAdapter { private List<SunBean> list_sun; private LayoutInflater inflater; private Context context; public SunAdapter(List<SunBean> list_new, Context context) { this.list_sun = list_new; this.context = context; this.inflater = LayoutInflater.from(context); } @Override public int getCount() { return list_sun.size(); } @Override public Object getItem(int position) { return list_sun.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ItemViewHodler viewHolder; if (convertView == null) { viewHolder = new ItemViewHodler(); convertView = inflater.inflate(R.layout.list_item, null); viewHolder.title = (TextView) convertView.findViewById(R.id.item_title); viewHolder.pic = (ImageView) convertView.findViewById(R.id.item_pic); convertView.setTag(viewHolder); } else { viewHolder = (ItemViewHodler) convertView.getTag(); } viewHolder.title.setText(list_sun.get(position).getTitle()); Picasso.with(context).load(list_sun.get(position).getPicUrl()).fit() .placeholder(R.mipmap.alibg) .error(R.mipmap.ic_launcher) .into(viewHolder.pic); return convertView; } class ItemViewHodler { TextView title; ImageView pic; } }</code></pre> <p>SunBean.java</p> <pre> <code class="language-java">/** * Created by huangshuai on 2016/5/20. * Email:huangshuai@wooyun.org * 列表图片Bean */ public class SunBean { private String title; private String picUrl; public SunBean(String title, String picUrl) { this.title = title; this.picUrl = picUrl; } public SunBean() { } public String getTitle() { return title; } public void setTitle(String title) { this.title = title; } public String getPicUrl() { return picUrl; } public void setPicUrl(String picUrl) { this.picUrl = picUrl; } }</code></pre> <p>list_itmxml</p> <pre> <code class="language-java"><?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/item_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:text="太阳的后裔" /> <ImageView android:id="@+id/item_pic" android:layout_width="160dp" android:layout_height="240dp" android:layout_centerHorizontal="true" android:layout_below="@id/item_title" android:src="@mipmap/alibg" /> </RelativeLayout></code></pre> <p>list_view.xml</p> <pre> <code class="language-java"><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <ListView android:id="@+id/list_sun" android:layout_width="match_parent" android:layout_height="match_parent"></ListView> </RelativeLayout></code></pre> <p>最后不要忘了增加网络权限</p> <pre> <code class="language-java"><uses-permission android:name="android.permission.INTERNET" /> </code></pre> <p>来自: <a href="/misc/goto?guid=4959673479396853621" rel="nofollow">http://blog.csdn.net/mynameishuangshuai/article/details/51462601</a></p> <p> </p>