android 在 ListView 的 item 中插入 GridView 仿微信朋友圈图片显示。

转载请声明出处(http://www.cnblogs.com/linguanh/)

先上张效果图：

1,思路简述

        这个肯定是要重写 baseAdapter的了，这里我分了两个数据适配器，一个是自定义的 listView的item 风格xml，另一个是该风格xml文件里面的嵌套的GridView数据适配。然后我们需要两个数据辅助类，类似上述，一个是专门来保存在GridView中要显示的每张图片的信息，例如它的url、name、id等等，暂称该辅助类为 UserImgs，大家可以随便增删，另一个是总的专门保存listView中的item的数据，我们称它为UserInfo，这里，说明下，因为每条 item 都有一个自己的GridView，也就是说，UserInfo中必须要有一个UserImgs类实例，用来存储图片信息。然后，就是代码实现了。

         使用例子放置最后。

2,辅助类的代码

      声明，这两个辅助类，是我根据自己项目所定义的，大家可以据己所需，自行修改，思路掌握了，修改很简单、很快！

第一个，UserImgs

package cn.share.bananacloud.custom_listview_style;

/**
 * Created by Administrator on 2015/9/6.
 */
public class UserImgs {

    public int id; //图片的id
    public String name; //图片的名称
    public String urls; //图片的 url

    public int getId() {
        return id;
    }
    public void setId(int id) {
        this.id = id;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public String getUrls() {
        return urls;
    }
    public void setUrls(String urls) {
        this.urls = urls;
    }
}

第二个，UserInfo

package cn.share.bananacloud.custom_listview_style;

/**
 * Created by LinGuanHong--af913337456 on 2015/9/6.
 * qq:913337456
 * email:913337456@qq.com
 */
import java.util.ArrayList;
import java.util.List;
public class UserInfo {
    private String headUrl; // 头像 url
    private String usertext; // 帖子内容
    private String username; // 用户名称
    private String usertime; // 发帖时间
    private String usertalknumber; // 评论数目
    private List<UserImgs> ui = new ArrayList<UserImgs>(); // 这个就是我说的，UserImgs 实例
    //--------------------------------------- headUrl
    public String getHeadUrl() {
        return headUrl;
    }

    public void setHeadUrle(String headUrl) {
        this.headUrl = headUrl;
    }
    //--------------------------------------- Name
    public String getUserName() {
        return username;
    }

    public void setUserName(String username) {
        this.username = username;
    }
    //--------------------------------------- Text
    public String getUserText() {
        return usertext;
    }

    public void setUserText(String usertext) {
        this.usertext = usertext;
    }
    //---------------------------------------- Time
    public String getUserTime() {
        return usertime;
    }

    public void setUserTime(String usertime) {
        this.usertime = usertime;
    }
    //---------------------------------------- TalkNumber
    public String getUserTalkNumber() {
        return usertalknumber;
    }

    public void setUserTalkNumber(String usertalknumber) {
        this.usertalknumber = usertalknumber;
    }
    //----------------------------------------  post pics and mp3 or mp4
    public List<UserImgs> getUi() {
        return ui;
    }
    public void setUi(List<UserImgs> ui) {
        this.ui = ui;
    }
}

3,ListView 的数据适配的重写类

     声明，这个例子和下面的例子的图片显示都采用了开源框架---imageLoder。这个数据适配器是 GridView的数据适配入口，GridView的数据适配在它里面调用配置，必要的代码注释我已给出，其他的都很容易理解。

package cn.share.bananacloud.custom_listview_style;

/**
 * Created by Administrator on 2015/9/6.
 */

import android.content.Context;
import android.graphics.Bitmap;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.lgh.addItemListview.mymodule.app2.SharePreferenceHelper;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.assist.FailReason;
import com.nostra13.universalimageloader.core.listener.ImageLoadingListener;

import java.util.List;

import cn.share.bananacloud.InternetHelper;
import cn.share.bananacloud.R;
import cn.share.bananacloud.commonDataHelper;
import cn.share.bananacloud.imageLoderHelper;

public class WeChatAdapter extends BaseAdapter {

    protected ImageLoader imageLoader = ImageLoader.getInstance();
    private List<UserInfo> mList;
    private Context mContext;
    SharePreferenceHelper sp;
    public WeChatAdapter(Context _context) {
        this.mContext = _context;
        sp = new SharePreferenceHelper(mContext,"loginrecord",null);
    }

    public void setData(List<UserInfo> _list) { //这个函数是数据主入口
        this.mList = _list;
    }

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

    @Override
    public UserInfo getItem(int position) {
        return mList.get(position);
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            holder = new ViewHolder();
            convertView = LayoutInflater.from(mContext).inflate(R.layout.bbs_main_item, parent, false);
            holder.gridView = (NoScrollGridView) convertView.findViewById(R.id.gridView);
            holder.userHead = (ImageView) convertView.findViewById(R.id.bbs_main_lv_userhead);
            holder.username = (TextView) convertView.findViewById(R.id.bbs_main_lv_username);
            holder.usertext = (TextView) convertView.findViewById(R.id.bbs_main_lv_item_text);
            holder.usertime = (TextView) convertView.findViewById(R.id.bbs_main_lv_usertime);
            holder.usertalknumber = (TextView) convertView.findViewById(R.id.bbs_main_lv_item_talknumber);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }
        UserInfo mUserInfo = getItem(position);
        if (mList != null && mList.size() > 0) { // 判断是否有数据
            showHeadImage(holder.userHead,mList.get(position).getHeadUrl());
            holder.username.setText(mList.get(position).getUserName());
            holder.usertext.setText(mList.get(position).getUserText());
            holder.usertime.setText(mList.get(position).getUserTime());
            holder.usertalknumber.setText(mList.get(position).getUserTalkNumber());

            if(mUserInfo.getUi().size()>0) { //这里判断该组数据是否有 gridView 的图片url数据，有才进入 gridView的配置
                holder.gridView.setVisibility(View.VISIBLE);
                holder.gridView.setAdapter(new MyGridAdapter(mUserInfo.getUi(), mContext));
                // 这里我把 GridView的 item 点击监听给去掉了，防止冲突，而且我项目不需要。
                /*holder.gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
                    @Override
                    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                        Log.d("zzzzz","--onItem--"+position);
                        // imageBrower(position,bean.urls);
                    }
                });*/
            }else{ // 一定要加 else 防止GridView 的数据重复显示，在不同的 item 上面
                holder.gridView.setVisibility(View.GONE);
                holder.gridView.setAdapter(null);
            }
        }
        //去掉 gridView 的 item 点击
        holder.gridView.setClickable(false);
        holder.gridView.setPressed(false);
        holder.gridView.setEnabled(false);
        return convertView;
    }

    public class ViewHolder {
        NoScrollGridView gridView;
        TextView username,usertext,usertime,usertalknumber;
        ImageView userHead;
    }

    public void showHeadImage(ImageView view,String url){
        //Log.d("zzzzz",""+useraccount.get((int)data));
        if (url!=null) {
            if (InternetHelper.checkConnection(mContext)) {
                try {
                    imageLoader.displayImage(
                            url,
                            view,
                            imageLoderHelper.getLoderOption(145, R.drawable.user_default_head, 80),
                            new ImageLoadingListener() {
                                @Override
                                public void onLoadingStarted(String s, View view) {

                                }

                                @Override
                                public void onLoadingFailed(String s, View view, FailReason failReason) {

                                }

                                @Override
                                public void onLoadingComplete(String s, View view, Bitmap bitmap) {
                                    if(s.contains(InternetHelper.exchangeUserAccount(sp.getOneInfo("useraccount", "-1")))) {
                                        imageLoader.getDiskCache().remove(s);//clear old cache
                                    }
                                }

                                @Override
                                public void onLoadingCancelled(String s, View view) {

                                }
                            }
                    );
                } catch (Exception ignored){}
            } else {
                // load but doesn't remove local cache
                imageLoader.displayImage
                        (
                                commonDataHelper.rootUrl+"uploadpic/" + InternetHelper.exchangeUserAccount(url).trim() + "/head.jpg",
                                view,
                                imageLoderHelper.getLoderOption(145, R.drawable.user_default_head, 80)
                        );
            }
        } else {
            Log.d("zzzzz", "useraccount.size() is 0");
        }
    }
}

4,GridView 数据适配器的重写类

     GridView 数据适配类的作用主要是把图片都显示到 GridView上面，再返回此 View，然后显示到 ListView 的 item 上面。

package cn.share.bananacloud.custom_listview_style;

/**
 * Created by Administrator on 2015/9/6.
 */

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 com.nostra13.universalimageloader.core.ImageLoader;

import java.util.List;

import cn.share.bananacloud.R;
import cn.share.bananacloud.imageLoderHelper;

public class MyGridAdapter extends BaseAdapter {

    private List<UserImgs> mUI;
    protected ImageLoader imageLoader = ImageLoader.getInstance();
    private LayoutInflater mLayoutInflater;
    
    public MyGridAdapter(List<UserImgs> ui, Context context) {
        mLayoutInflater = LayoutInflater.from(context);
        this.mUI = ui;
    }

    @Override
    public int getCount() {
        return mUI == null ? 0 : mUI.size();
    }

    @Override
    public String getItem(int position) {
        return mUI.get(position).urls;
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        MyGridViewHolder viewHolder;
        if (convertView == null) {
            viewHolder = new MyGridViewHolder();
            convertView = mLayoutInflater.inflate(R.layout.user_img_item,parent, false);
            viewHolder.imageView = (ImageView) convertView.findViewById(R.id.iv_user_img);
            convertView.setTag(viewHolder);
        } else {
            viewHolder = (MyGridViewHolder) convertView.getTag();
        }
        String url = getItem(position);
        imageLoader.displayImage(url, viewHolder.imageView, imageLoderHelper.getLoderOption(180, 0, 0));
        return convertView;
    }
    private static class MyGridViewHolder {
        ImageView imageView;
    }
}

代码使用例子

      ListView mListview  = new ListView();

      WeChatAdapter mWeChat = new WeChatAdapter (context);

      List<UserInfo> mUserInfo = new ArrayList<>();

      mUserInfo .add(你配置好的UserInfo);

      mWeChat .setData(mUserInfo);

      mListview .setAdapter(mWeChat );

      打完收工。