ListView 的 item 中插入 GridView

先上张效果图：

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:[e-mail] */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 mUserInfo = new ArrayList<>();

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

      mWeChat .setData(mUserInfo);

      mListview .setAdapter(mWeChat );