ListView嵌套GridView

最新推荐文章于 2019-04-02 16:57:30 发布
最新推荐文章于 2019-04-02 16:57:30 发布
阅读量591 收藏
点赞数 1
分类专栏： Android ListView 嵌套GridView 文章标签： Android ListView嵌套Gr 
/**
 * Demo描述:
 * ListView嵌套GridView使用详解
 * 即ListView的每个Item中都包含一个GridView
 * 
 * 注意事项:
 * 由于ListView和GridView都是可滑动的控件.
 * 所以需要自定义GridView,重写其onMeasure()方法.
 * 在该方法中使GridView的高为wrap_content的大小,否则GridView中
 * 的内容只能显示很小一部分
 * 
 * 参考资料:
 * 1 http://bbs.csdn.net/topics/380245627
 * 2 http://blog.csdn.net/lsong89/article/details/8598856
 *   Thank you very much

 */


1、MainActivity
package com.tianyu.customlistview;


import java.util.ArrayList;
import java.util.HashMap;


import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;


import com.tianyu.customlistview.adapter.ListViewAdapter;


public class MainActivity extends Activity {
	private ListView mListView;
	private ListViewAdapter mListViewAdapter;
	private ArrayList<ArrayList<HashMap<String, Object>>> mArrayList;


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


	private void init() {
		mListView = (ListView) findViewById(R.id.listView);
		initData();
		mListViewAdapter = new ListViewAdapter(mArrayList, MainActivity.this);
		mListView.setAdapter(mListViewAdapter);
	}


	private void initData() {
		mArrayList = new ArrayList<ArrayList<HashMap<String, Object>>>();
		HashMap<String, Object> hashMap = null;
		ArrayList<HashMap<String, Object>> arrayListForEveryGridView;


		for (int i = 0; i < 10; i++) {
			arrayListForEveryGridView = new ArrayList<HashMap<String, Object>>();
			for (int j = 0; j < 5; j++) {
				hashMap = new HashMap<String, Object>();
				hashMap.put("content", "i=" + i + " ,j=" + j);
				arrayListForEveryGridView.add(hashMap);
			}
			mArrayList.add(arrayListForEveryGridView);
		}


	}
}

2、ListViewAdapter
package com.tianyu.customlistview.adapter;


import java.util.ArrayList;
import java.util.HashMap;


import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.TextView;


import com.tianyu.customlistview.R;


public class ListViewAdapter extends BaseAdapter {


	private final ArrayList<ArrayList<HashMap<String, Object>>> mList;
	private final Context mContext;


	public ListViewAdapter(ArrayList<ArrayList<HashMap<String, Object>>> mList,
			Context mContext) {
		super();
		this.mList = mList;
		this.mContext = mContext;
	}


	@Override
	public int getCount() {
		if (mList == null) {
			return 0;
		} else {
			return this.mList.size();
		}
	}


	@Override
	public Object getItem(int position) {
		if (mList == null) {
			return null;
		} else {
			return this.mList.get(position);
		}
	}


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


	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		ViewHolder holder = null;
		if (convertView == null) {
			holder = new ViewHolder();
			convertView = LayoutInflater.from(this.mContext).inflate(
					R.layout.item_listview, null, false);
			holder.imageView = (ImageView) convertView
					.findViewById(R.id.listview_item_imageview);
			holder.mTxtName = (TextView) convertView
					.findViewById(R.id.txt_item_name);
			holder.mTxtContent = (TextView) convertView
					.findViewById(R.id.txt_item_content);
			holder.gridView = (GridView) convertView
					.findViewById(R.id.listview_item_gridview);
			convertView.setTag(holder);
		} else {
			holder = (ViewHolder) convertView.getTag();
		}


		if (this.mList != null) {
			if (holder.imageView != null) {
				holder.imageView.setImageDrawable(mContext.getResources()
						.getDrawable(R.drawable.fresh));
				holder.mTxtContent.setText("天网恢恢疏而不漏");
				holder.mTxtName.setText("潇湘夜雨");
			}
			if (holder.gridView != null) {
				ArrayList<HashMap<String, Object>> arrayListForEveryGridView = this.mList
						.get(position);
				GridViewAdapter gridViewAdapter = new GridViewAdapter(mContext,
						arrayListForEveryGridView);
				holder.gridView.setAdapter(gridViewAdapter);
			}


		}


		return convertView;


	}


	private class ViewHolder {
		ImageView imageView;
		GridView gridView;
		TextView mTxtName;
		TextView mTxtContent;
	}
}

3、GridViewAdapter
package com.tianyu.customlistview.adapter;


import java.util.ArrayList;
import java.util.HashMap;


import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.Toast;


import com.tianyu.customlistview.R;


public class GridViewAdapter extends BaseAdapter {


	private final Context mContext;
	private final ArrayList<HashMap<String, Object>> mList;


	public GridViewAdapter(Context mContext,
			ArrayList<HashMap<String, Object>> mList) {
		super();
		this.mContext = mContext;
		this.mList = mList;
	}


	@Override
	public int getCount() {
		if (mList == null) {
			return 0;
		} else {
			return this.mList.size();
		}
	}


	@Override
	public Object getItem(int position) {
		if (mList == null) {
			return null;
		} else {
			return this.mList.get(position);
		}
	}


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


	@Override
	public View getView(final int position, View convertView, ViewGroup parent) {
		ViewHolder holder = null;
		if (convertView == null) {
			holder = new ViewHolder();
			convertView = LayoutInflater.from(this.mContext).inflate(
					R.layout.item_gridview, null, false);
			holder.button = (Button) convertView
					.findViewById(R.id.gridview_item_button);
			convertView.setTag(holder);


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


		if (this.mList != null) {
			HashMap<String, Object> hashMap = this.mList.get(position);
			if (holder.button != null) {
				holder.button.setText(hashMap.get("content").toString());
				holder.button.setOnClickListener(new OnClickListener() {
					@Override
					public void onClick(View v) {
						Toast.makeText(mContext, "第" + (position + 1) + "个",
								Toast.LENGTH_SHORT).show();
					}
				});
			}
		}


		return convertView;


	}


	private class ViewHolder {
		Button button;
	}
}



4、资源文件
1）、mainActivity的layout文件
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >


    <ListView
        android:id="@+id/listView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:focusable="false" />


</RelativeLayout>

2）。listView的子布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="horizontal" >


        <ImageView
            android:id="@+id/listview_item_imageview"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="0.5"
            android:src="@drawable/fresh" />


        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_weight="1"
            android:orientation="vertical" >


            <TextView
                android:id="@+id/txt_item_name"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="潇湘夜雨"
                android:textSize="18sp"
                android:textStyle="bold" />


            <TextView
                android:id="@+id/txt_item_content"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="潇湘夜雨"
                android:textSize="16sp" />
        </LinearLayout>
    </LinearLayout>


    <com.tianyu.customlistview.view.CustomGridView
        android:id="@+id/listview_item_gridview"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:horizontalSpacing="5dip"
        android:numColumns="3"
        android:stretchMode="columnWidth"
        android:verticalSpacing="5dip" />


</LinearLayout>

3）。gridview的子布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >


    <Button
        android:id="@+id/gridview_item_button"
        android:layout_width="140dip"
        android:layout_height="40dip"
        android:background="@drawable/fresh"
        android:clickable="true"
        android:textColor="@android:color/background_light" />


</LinearLayout>
Silencemuyi
关注
专栏目录
ListView 嵌套gridview
lyyn_stickto的博客
07-28 386
最近的项目用到ListView嵌套gridview作为Item并且listview点击后对应Item可以隐藏在网上找了好久都没能找到合适的Demo,然后自己就写了一个，不懂的就上网查， 禁止listview 的点击事件参考了这位大神：http://blog.csdn.net/ansionnal/article/details/10219559 listview数据更新参考了这位大神：点击打开链
ListView嵌套GridView使用详解及注意事项
09-05
当需要在一个列表项中展示更复杂的数据结构时，通常会采用ListView嵌套GridView的方式来实现。这种方式能够提供多维度的数据展现，比如在一个商品列表中，每个商品的图片、名称和价格可能都需要在一个单独的单元格中...
关于Android中ListView嵌套GridView的问题
01-04
在Android开发中，遇到一个问题，是ListView嵌套GridView，需要点击整个ListView的Item进行跳转。但是在点击GridView区域时无法进行页面的跳转。这是因为GridView获得了焦点。导致点击无法跳转。 解决方法就是： 1....
ListView嵌套GridView代码实现
01-09
当需要在一个列表项中展示多行多列的数据时，就会用到ListView嵌套GridView的技巧。以下是对这一主题的详细解释。 ### ListView ListView是一种滚动视图，能够显示一列或多列数据，通常用于显示大量可滚动的项目。...
listView 嵌套gridView android
04-25
当需要在一个列表项中嵌入一个小型的网格布局时，就会涉及到“ListView嵌套GridView”的场景。本篇将详细介绍如何实现这个功能，并解决完全显示GridView内容以及滚动不卡顿的问题。 首先，我们来了解ListView的基本...
AndroidStudio ListView 嵌套多组GridView
11-19
点击GridView子项个获取ListView位置和GridView位置； 在GridView区域外的任何一点点击都可以触发ListView的item；
ListView嵌套GridView解决方案
01-06
ListView嵌套GridView解决方案
android中ListView嵌套GridView的使用
07-29
android中ListView嵌套GridView的使用
listView嵌套GridView的demo
07-31
listview嵌套gridview在很多app中都会有使用，这是我写的一个例子供大家下载，另外Recyclerview嵌套listview或gridview思路都是一样的，希望能变通
完美解决ListView内部嵌套GridView导致各种异常，无法点击的问题
05-10
完美解决ListView内部嵌套GridView导致各种异常，无法点击的问题，包含遇到的问题可能有：1、gridview显示不全。无法占满。2、listView点击item点击事件无效 3、GridView点击事件无效。4、假如GridView每行显示3个。但是某一行只有2张图片，那么第三张图片所在的空白区域点击事件无法触发 listView的Item 的点击事件。也就是说。这部分空白区域点击事件丢失了？
ListView组件中嵌套GridView（重算GridView的高度）
一个IT人的技术成长历程。
04-02 401
应用场景：在ListView的子项中嵌套GridView，需要重算每一个子项GridView的高度，否则GridView只能显示一行。 自定义Gridview： import android.content.Context; import android.util.AttributeSet; import android.widget.GridView; /** * 自定义GridView...
定义的ListView嵌套GridView的布局
u012305710的博客
01-05 4211
实现的效果如图所示。 ListView有的时候对于一些效果实现起来不是那么容易，像这种布局用litview实现起来有点困难，但是使用listview嵌套GridView实现起来就简单很多了。 需要注意的是GridView需要重写onMeasure方法： @Override protected void onMeasure(int widthMeasureSpec, int heightM
ListView嵌套GridView的Demo
yuyan13419694540的博客
04-13 1064
需要自定义GridView，重写onMeasure方法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
ListView嵌套GridView使用解析
鲨鱼不会飞的博客
03-14 1613
ListView嵌套GridView使用
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值