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

2021-12-26 07:03:47

一、问题描述

　　在之前的系列文章中，我们使用了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/
本文版权归烟台杰瑞教育科技有限公司和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

码农公寓

相关文章