码迷,mamicode.com
首页 > 移动开发 > 详细

Android批量图片加载经典系列——afinal框架实现图片的异步缓存加载

时间:2015-07-09 11:14:42      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

一、问题描述

  在之前的系列文章中,我们使用了Volley和Xutil框架实现图片的缓存加载(查看系列文章:http://www.cnblogs.com/jerehedu/p/4607599.html#pltpjz),接下来我们再介绍一下afinal 框架的使用。

  Afinal 是一个android的http框架、sqlite orm 和 ioc 框架。使其更加简单易用,Afinal的宗旨是简洁,快速。约定配置的方式之后,尽量一行代码完成所有事情,代码入侵性小,在三者中比较推荐。在这里我们主要使用http框架的 FinalHttp和FinalBitmap组件实现网络图片的加载

  案例介绍——实现图片新闻浏览:

技术分享

二、案例主要组件

  1、FinalHttp使用方法FinalHttp  fh=new FinalHttp();

  (1)发送Post方式请求

        fh.post(url, new AjaxCallBack<String>(){
            @Override
            public void onFailure(Throwable t, String strMsg) {//请求失败调用
                super.onFailure(t, strMsg);
            }
            @Override
            public void onLoading(long count, long current) {//请求过程中没一秒回调一次
                super.onLoading(count, current);
            }
            @Override
            public void onStart() {//开始异步请求时调用
                super.onStart();
            }
            @Override
            public void onSuccess(String t) {//请求成功调用,并接受返回结果
                
            });

  (2)发送Get方式请求

fh.get(url, callBack);用法同Post方式

  (3)下载文件

  方法参数分别表示下载文件的url、文件保存目标、AjaxCallBack回调方法

fh.download(url, "/mnt/sdcard/21-sun.apk", new AjaxCallBack<File>(){
            @Override
            public void onLoading(long count, long current) {
                // TODO Auto-generated method stub
                tvProcess.setText("下载进度"+(current/count));
            }
            @Override
            public void onSuccess(File f) {//请求成功调用,并接受返回结果
                tvFileName.setText(f==null?"":f.getAbsoluteFile().toString());
            }
        });

  2、向服务端传递参数

AjaxParams params=new AjaxParams();//设置请求参数
params.put("category", "today");

  调用fh.get(url,params,ajaxCallback)或fh.post(url,params,ajaxCallback)方法传递数据

  jsp服务端

  通过request.getParameter(“category”);获得文本参数

  也可上传文件

  params.put(“profile_picture”,new File(“/mnt/sdcard/head.jpg”))或

  params.put(“profile_picture”,InputStream);

  服务端

  可使用commfileupload组件实现上传

  3、FinalBitmap实现缓存并异步加载网络图片

    //创建FinalBitmap,并设置文件缓存的位置、内存缓存的百分比(如:系统内存的1/8)
    FinalBitmap    fb=FinalBitmap.create(this, diskCachePath, memoryCacheSizePercent);
    //进行配置,可不设置
    fb.configLoadingImage(R.drawable.default_big);//设置图片正在加载的时候显示的图片
fb.configLoadfailImage(R.drawable.error_big);//设置图片加载失败时候显示的图片

  配置方法还有:

configBitmapMaxHeight(int bitmapHeight) // 配置默认图片的最大的高度
     configBitmapMaxWidth(int bitmapWidth) // 配置默认图片的最大的宽度
     configDisplayer(Displayer displayer)//设置显示器,比如在显示的过程中显示动画等
   //设置下载器,比如通过ftp或者其他协议去网络读取图片的时候可以设置这项
configDownlader(Downloader downlader) 

  最后调用display()完成图片的加载:

    //第一参数表示显示图片的UI,第二参数为图片网络地址
fb.display(view,url);//加载图片,先从缓存中加载,内存没有再从网络加载      
三、案例完整代码

1、SunNewsApplication组件

public class SunNewsApplication extends Application {
    private FinalBitmap fb;
    @Override
    public void onCreate(){
        fb=FinalBitmap.create(this);
        fb.configLoadingImage(R.drawable.default_big);//  设置图片正在加载的时候显示的图片
    }
    public FinalBitmap getFinalBitmap(){
        return fb;
    }
}

2、编写适配器

public class MoreStyleNewsListViewAdapter extends BaseAdapter {
    private Activity mActivity;
    private List<NewsItem> newsList;
    private FinalBitmap imageLoader;
    public MoreStyleNewsListViewAdapter(Activity mActivity,List<NewsItem> newsList){
        this.mActivity=mActivity;
        this.newsList=newsList;
        imageLoader=((SunNewsApplication)mActivity.getApplication()).getFinalBitmap();
    }
    private final int TYPE_COUNT=2;
    /**
     * 返回数据项的显示类型数据
     * 0 1 2
     */
    @Override
    public int getItemViewType(int position) {
        
        // TODO Auto-generated method stub
        return newsList!=null?newsList.get(position).getStyle():-1;
    }
    /**
     * 返回类型个数
     */
    @Override
    public int getViewTypeCount() {
        // TODO Auto-generated method stub
        return TYPE_COUNT;
    }



    
    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        Log.d("jereh","getCount()");
        return newsList.size();
    }

    @Override
    public Object getItem(int position) {
        // TODO Auto-generated method stub
        Log.d("jereh","getItem()");
        return newsList.get(position);
    }

    @Override
    public long getItemId(int position) {
        // TODO Auto-generated method stub
        Log.d("jereh","getItemId()");
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        // TODO Auto-generated method stub
        ViewHolder holder=null;
        NewsItem item=newsList.get(position);
        if(convertView==null){
            holder=new ViewHolder();
            //将layout.xml转换为View
            switch(item.getStyle()){
            case 0:
                convertView=LayoutInflater.from(mActivity).inflate(R.layout.news_item1, null);
                holder.ivImg1=(ImageView)convertView.findViewById(R.id.ivNewsImg);
                break;
            case 1:
                convertView=LayoutInflater.from(mActivity).inflate(R.layout.news_item2, null);
                holder.ivImg1=(ImageView)convertView.findViewById(R.id.ivImg1);
                holder.ivImg2=(ImageView)convertView.findViewById(R.id.ivImg2);
                holder.ivImg3=(ImageView)convertView.findViewById(R.id.ivImg3);
                break;
            }
            holder.tvTilte=(TextView)convertView.findViewById(R.id.tvTitle);    
            convertView.setTag(holder);//记录个标识
        }else{
            holder=(ViewHolder)convertView.getTag();
        }
        //向ui元素绑定数据
        holder.tvTilte.setText(item.getTitle());
        imageLoader.display(holder.ivImg1, item.getImgUrl()[0]);//加载图片,先从缓存中加载,内存没有再从网络加载
        switch(item.getStyle()){
            case 1:
                imageLoader.display(holder.ivImg2, item.getImgUrl()[1]);//加载图片,先从缓存中加载,内存没有再从网络加载
                imageLoader.display(holder.ivImg3, item.getImgUrl()[2]);//加载图片,先从缓存中加载,内存没有再从网络加载
                break;
        }
        Log.d("jereh","getView()");
        
        return convertView;
    }
    
    private class ViewHolder{
        private TextView tvTilte;
        private ImageView ivImg1;
        private ImageView ivImg2;
        private ImageView ivImg3;    
        
    }

}

3、编写MaintActivity

public class MainActivity extends Activity {
    private RadioGroup rgChannel;
    private List<NewsItem> newsList=new ArrayList<NewsItem>();
    private MoreStyleNewsListViewAdapter adapter;
    private ListView newsListView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_home);
    
        initView();
        requestData();
    
    }
    private void initView(){
        rgChannel=(RadioGroup)super.findViewById(R.id.rgChannel);
        rgChannel.check(R.id.rbToday);
        newsListView=(ListView)super.findViewById(R.id.lvNews);
        adapter=new MoreStyleNewsListViewAdapter(this,newsList);
        newsListView.setAdapter(adapter);
        
    }
        
    
    /**
     * 异步请求获得网络数据
     */
    private void requestData(){
        
        String url="http://192.168.0.107:8080/21-sun/NewsListServlet";
        FinalHttp fh=new FinalHttp();
    
        AjaxParams params=new AjaxParams();//设置请求参数
        params.put("category", "today");
        fh.post(url, params,new AjaxCallBack<String>(){
            @Override
            public void onFailure(Throwable t, String strMsg) {//请求失败调用
                // TODO Auto-generated method stub
                Log.d("jereh",strMsg);
            }
            @Override
            public void onSuccess(String t) {//请求成功调用,并接受返回结果
                // TODO Auto-generated method stub
                Gson gson=new Gson();
                List list=gson.fromJson(t, new TypeToken<ArrayList<NewsItem>>(){}.getType());
                newsList.addAll(list);
                adapter.notifyDataSetChanged();
            }
            
        });
    }

 

  想要了解更多内容的小伙伴,可以点击查看源码,亲自运行测试。

  疑问咨询或技术交流,请加入官方QQ群:技术分享 (452379712)

作者:杰瑞教育
出处:http://www.cnblogs.com/jerehedu/ 
本文版权归烟台杰瑞教育科技有限公司和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
 

Android批量图片加载经典系列——afinal框架实现图片的异步缓存加载

标签:

原文地址:http://www.cnblogs.com/jerehedu/p/4632350.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!