Android 使用开源库StickyGridHeaders和universal_mage_loader显示网络图片效果

原创 2016年08月30日 10:44:00

在大神:http://blog.csdn.net/xiaanming/article/details/20481185
代码上进行了修改,加载网络图片。
效果图:这里写图片描述

代码结构:

这里写图片描述

com.tonicartos.widget.stickygridheaders下面的是StickyGridHeaders开源库文件可以不用理会。

主要修改是在MainActivity和StickyGridAdapter方法进行了修改。 我把代码都贴出来。 相信大家都能看得懂。

Main方法:

public class MainActivity extends Activity {
    private GridView mGridView;
    private List<GridItem> mGirdList = new ArrayList<GridItem>();
    private static int section = 1;
    private Map<String, Integer> sectionMap = new HashMap<String, Integer>();
    private DisplayImageOptions options;
    private HashMap<String, String> map =new HashMap<String, String>();
    String[] img={
            "http://img3.imgtn.bdimg.com/it/u=659463075,2607755724&fm=21&gp=0.jpg",
             "http://img1.imgtn.bdimg.com/it/u=1301040982,1341721191&fm=21&gp=0.jpg",
             "http://img1.imgtn.bdimg.com/it/u=31996058,3663298361&fm=21&gp=0.jpg"};
String[] time={"2016-08-30","2016-08-30","2016-08-29"};


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mGridView = (GridView) findViewById(R.id.asset_grid);
        options = new DisplayImageOptions.Builder()
        .showImageOnLoading(R.drawable.ic_launcher) // 设置图片下载期间显示的图片
        .showImageForEmptyUri(R.drawable.ic_launcher) // 设置图片Uri为空或是错误的时候显示的图片
        .showImageOnFail(R.drawable.ic_launcher) // 设置图片加载或解码过程中发生错误显示的图片
        .cacheInMemory(false) // 设置下载的图片是否缓存在内存中
        .cacheOnDisk(true) // 设置下载的图片是否缓存在SD卡中
        .displayer(new SimpleBitmapDisplayer()) // 设置成圆角图片
        .build();

        for (int i = 0; i < img.length; i++) {
            map.put("img", img[i]);
            map.put("time", time[i]);
            GridItem mGridItem = new GridItem(map.get("img"), map.get("time"));
            mGirdList.add(mGridItem);
        }

                Collections.sort(mGirdList, new YMComparator());

                for(ListIterator<GridItem> it = mGirdList.listIterator(); it.hasNext();){
                    GridItem mGridItem = it.next();
                    String ym = mGridItem.getTime();
                    if(!sectionMap.containsKey(ym)){
                        mGridItem.setSection(section);
                        sectionMap.put(ym, section);
                        section ++;
                    }else{
                        mGridItem.setSection(sectionMap.get(ym));
                    }
                }

                mGridView.setAdapter(new StickyGridAdapter(MainActivity.this, mGirdList, options));
            }
}

StickyGridAdapter方法:

public class StickyGridAdapter extends BaseAdapter implements
        StickyGridHeadersSimpleAdapter {
    ImageLoader imageLoader;
    private List<GridItem> list;
    private LayoutInflater mInflater;
    private DisplayImageOptions options;
    private Point mPoint = new Point(0, 0);//用来封装ImageView的宽和高的对象 

    public StickyGridAdapter(Context context, List<GridItem> list,
            DisplayImageOptions options) {
        this.list = list;
        mInflater = LayoutInflater.from(context);
        this.options =options;
        imageLoader=ImageLoader.getInstance();
        imageLoader.init(ImageLoaderConfiguration.createDefault(context));
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder mViewHolder;
        if (convertView == null) {
            mViewHolder = new ViewHolder();
            convertView = mInflater.inflate(R.layout.grid_item, parent, false);
            mViewHolder.mImageView = (MyImageView) convertView
                    .findViewById(R.id.grid_item);
            convertView.setTag(mViewHolder);

             //用来监听ImageView的宽和高  
            mViewHolder.mImageView.setOnMeasureListener(new OnMeasureListener() {  

                @Override  
                public void onMeasureSize(int width, int height) {  
                    mPoint.set(width, height);  
                }  
            }); 

        } else {
            mViewHolder = (ViewHolder) convertView.getTag();
        }

        String path = list.get(position).getPath();
        mViewHolder.mImageView.setTag(path);
        ImageLoader.getInstance().displayImage(path, mViewHolder.mImageView, options);

        return convertView;
    }


    @Override
    public View getHeaderView(int position, View convertView, ViewGroup parent) {
        HeaderViewHolder mHeaderHolder;
        if (convertView == null) {
            mHeaderHolder = new HeaderViewHolder();
            convertView = mInflater.inflate(R.layout.header, parent, false);
            mHeaderHolder.mTextView = (TextView) convertView
                    .findViewById(R.id.header);
            convertView.setTag(mHeaderHolder);
        } else {
            mHeaderHolder = (HeaderViewHolder) convertView.getTag();
        }

        mHeaderHolder.mTextView.setText(list.get(position).getTime());

        return convertView;
    }

    public static class ViewHolder {
        public MyImageView mImageView;
    }

    public static class HeaderViewHolder {
        public TextView mTextView;
    }

    @Override
    public long getHeaderId(int position) {
        return list.get(position).getSection();
    }

}

其他代码就不贴了。给个下载地址。
http://download.csdn.net/detail/qq_27665781/9616606

版权声明:本文为博主原创文章,未经博主允许不得转载。

平常收藏的酷炫的Android开源特效库

现在github上面越来越多大神,开源了各种特效库出来,真的很炫很赞呀,经常看到一些,收藏了不少,项目中总用得着的,统一记录一下,啧啧啧~作为我在简书上的第一篇文章,哇咔咔咔~很喜欢简书的UI,小清新...
  • sunlion1993
  • sunlion1993
  • 2016年11月07日 09:58
  • 879

android的GridView显示网络图片的方法 .

首先Activity.java的写法如下 [java] view plaincopyprint? package com.lujianfei.active;       imp...
  • wu8022
  • wu8022
  • 2013年08月25日 21:50
  • 2030

Android 使用开源库StickyGridHeaders来实现带sections和headers的 GridView 显示本地图片效果

 转载自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/20481185 今天这篇文章主要的是介绍下开源库StickyG...
  • Charlene1688
  • Charlene1688
  • 2015年11月10日 23:48
  • 702

Android 使用开源库StickyGridHeaders来实现带sections和headers的GridView显示本地图片效果

大家好!过完年回来到现在差不多一个月没写文章了,一是觉得不知道写哪些方面的文章,没有好的题材来写,二是因为自己的一些私事给耽误了,所以过完年的第一篇文章到现在才发表出来,2014年我还是会继续在CSD...
  • xiaanming
  • xiaanming
  • 2014年03月06日 09:04
  • 45840

Android经久不衰最受欢迎的开源库整理,你一定用过10个以上,架构师必备

Android经久不衰最受欢迎的开源库整理,如果你想拿高薪或者想做Android架构师。这些框架不仅一定要会用,还要阅读其源码,掌握其原理! 文末附开源框架综合使用开源APP项目 第三...
  • wangwangli6
  • wangwangli6
  • 2017年04月18日 13:16
  • 1679

安卓里开源动画库nineoldandroids的应用

nineoldandroids是Jake Wharton的动画开源库,它的作用是实现一些复杂且绚丽的动画效果,我在做侧滑缩放效果时一直找不到该如何实现,最后用这个类才实现了缩放的效果。       ...
  • ghdmao
  • ghdmao
  • 2016年06月30日 09:08
  • 1300

Android开源库之使用ZXing开源库实现二维码功能

二维码功能现在已经非常普及了,很多产品中都会需要一个扫面二维码的功能,在这里记录下用的最多Google的ZXing开源库的编译及运行过程,方便大家参考; 1、现在Google的ZXing开源...
  • super_spy
  • super_spy
  • 2016年08月16日 18:09
  • 1015

Android设置Notification从网络中加载图片,解决点击无法消失的bug

Notification的构造函数中只支持使用资源文件的图片作为图片,但是如果我们想用网络中的图片怎么办呢。 我们知道,给Notification设置内容的时候调用的是setLatestEventI...
  • jys1115
  • jys1115
  • 2015年03月11日 14:46
  • 3043

Android TextView显示网络图片

前言:程序猿真的是有个通病啊,电梯上就在研究电梯的逻辑代码,走路看到红绿灯也会去研究算法,今天心情不错,于是就发了一个说说,发现某q空间中显示了我发的说说,但是我发的笑脸跟哭脸表情由于网络慢,很久才加...
  • vv_bug
  • vv_bug
  • 2016年11月30日 14:55
  • 1171

Android使用RecyclerView和Picasso实现大规模浏览网络图片(附带缓存技术)

在使用RecyclerView之前,我们首先回顾一下listview , girdView 我们都知道listview 是用来在有限的屏幕里显示无限的数据 网格视图也差不多,具体的使用方法相信大家已经...
  • u010129985
  • u010129985
  • 2016年07月20日 16:29
  • 314
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android 使用开源库StickyGridHeaders和universal_mage_loader显示网络图片效果
举报原因:
原因补充:

(最多只允许输入30个字)