ListView嵌套GridView

首先,我们通过两个实例来了解下本篇文章所讲的重点,看下图:

微博:

陌陌:

大家应该对这两款软件并不陌生,接下来,我将列举下本文将要实现的几个点:

1.ListView嵌套GridView,互不冲突,界面显示及操作正常;

2.GridView中的图片依据屏幕大小,自动扩大或缩小以适应屏幕,并始终保持正方形;

3.图片数量不同时,布局不同(如上图的4张图片和6张图片);

4.点击ListView的item和点击Gridview的item互不冲突;

5.在GridView区域外的任何一点点击都可以触发ListView的item;

大家也可以针对上面的几点思考下应该如何实现。。。

。。。

好,思考完毕,接下来讲一下我的实现思路:

1.ListView嵌套GridView互不冲突的话就要重写GridView了,这个想必大家都知道,类似ScrollView嵌套ListView,不再多讲;

2.如何让GridView的图片适应屏幕并始终保持正方形呢,这个问题其实我在上几篇博客就已经讲过了,就是根据:屏幕的宽度-GridView以外的部分的宽度-n个图片间距的宽度,最后/GridView每行item的数量;GridView如何适配不同屏幕,当然,所用的都是像素值,因此需要将在xml中的dp转换为px后再进行计算;

3.针对第三点,我们可以根据图片的数量,动态的设置GridView的numColumns;

4.当我们实现的过程中,可能会遇到点击图片可以,但是点击ListView的item时无效,这时我们可以在ListView的item的最外层添加:

 android:descendantFocusability="blocksDescendants"

属性即可;

5.第五点,我们可以先体验下微博或者陌陌,只要点击图片外任何区域,均能触发LIstView的item,但我们在实现的过程中却会遇到这种问题,即便我们把GridView的宽度设置为wrap_content,却依然充满了布局,导致右半部分全是GridView的布局,也就无法实现这种效果。因此,我们仍需要根据图片数量,动态的设置GridView的宽度。

接下来,我们来看下本篇所实现的效果:

1.

2.

3.

4.

5.

项目结构:

项目源码:http://download.csdn.net/detail/baiyuliang2013/8354615

时间: 2024-11-23 18:12:54

ListView嵌套GridView的相关文章

android listView嵌套gridview的使用心得

在开发的过程中可能需要用到listview嵌套gridview的场景,但是在Android中,不能在一个拥有Scrollbar的组件中嵌入另一个拥有Scrollbar的组件,因为这不科学,会混淆滑动事件,导致只显示一到两行数据.那么就换一种思路,首先让子控件的内容全部显示出来,禁用了它的滚动.如果超过了父控件的范围则显示父控件的scrollbar滚动显示内容,思路是这样,一下是代码.具体的方法是自定义GridView组件,继承自GridView.重载onMeasure方法: public cla

Android中ListView嵌套GridView的简单消息流UI(解决宽高问题)

最近搞一个项目,需要用到类似于新浪微博的消息流,即每一项有文字.有九宫格图片,因此这就涉及到ListView或者ScrollView嵌套GridView的问题.其中GridView的高度问题在网上都很容易找到答案,即覆写onMeasure方法,然后设置高度的MeasureSpec.但是宽度问题确实没有什么资料,这里所说的宽度问题是比如GridView的列数为3,那么即使只有一张图片,gridview的宽度也是match_parent的,导致用户点击在图片范围外但是在gridview范围内时Lis

ListView嵌套GridView显示不全解决方法

转载注明出处:http://blog.csdn.net/allen315410/article/details/40152987 最近在做项目中,有个模块需要在ListView中嵌套一个GridView制作"九宫格"的效果,结果GridView上的子元素仅仅显示了一行,没有显示完整的说,如下图: 其实这个ListView上一共需要显示的是6张图片,也就是说还有3张图片需要在下一行显示的,结果GridView没有显示完全,这个问题很奇怪,但是已经找到解决的方案,就是重写一个GridVie

ListView嵌套GridView显示不完整的解决方案

转载注明出处:http://blog.csdn.net/allen315410/article/details/40152987 近期在做项目中,有个模块须要在ListView中嵌套一个GridView制作"九宫格"的效果.结果GridView上的子元素只显示了一行.没有显示完整的说.例如以下图: 事实上这个ListView上一共须要显示的是6张图片.也就是说还有3张图片须要在下一行显示的,结果GridView没有显示全然,这个问题非常奇怪.可是已经找到解决的方案,就是重写一个Grid

listview嵌套gridview,并实现grid元素部分显示以及点击展开与折叠

原文链接:http://blog.csdn.net/duguju/article/details/49538341 有时我们需要用GridView显示目录列表,有时甚至是二级的,即listview每一个item里面又各自嵌入一个gridview,但是当二级目录(数据条目)的数量过多时,界面会比较臃肿,这时我们就想要有类似展开与折叠的效果,作者采用的策略是数据分段的分别显示,其中对于显示边界(处于限制显示数目的特定位置)的控件要有数据的动态更新和点击判断操作.效果如图: 具体实现: 一.Activ

LISTVIEW嵌套GRIDVIEW的一些处理(点击GRIDVIEW的条目,能够显示他在LISTVIEW中的位置)(对这篇文章的优化处理,不每次都new onItemClickListener)

前几天写了点击GRIDVIEW的条目,能够显示他在LISTVIEW中的位置,当时的处理是在ListView的适配器里的GetView方法里每次都new GridView的onItemClickListener,这样显然是不合理的, /**GridVIew的条目点击监听*/ private GvOnItemClickListener mGvOnItemClickListener;//成员 这是Fragment的入口: @Override public View onCreateView(Layou

关于ListView嵌套GridView中的onItemClickListener失效问题

一开始在ListView中设置了onItemClickListener,在里面Log输出Item列表的位置,完全没有反应, 网上大部分说的什么把子组件屏蔽掉(而且好多都是转载的一样的), 可是我希望的就是要用到子组件,所以这个方法治标不治本 能否同时即监听到子组件,又监听到ListView本身呢?(未找到解决办法) 所以只能找其他解决办法了... 开始以为是与onTouch这个方法有冲突, 参考了:http://blog.csdn.net/jiangwei0910410003/article/d

android ListView嵌套GridView显示不全问题

只需重写GridView即可:public class MyGridView extends GridView{ public MyGridView(android.content.Context context, android.util.AttributeSet attrs) { super(context, attrs); } /*... 只需重写GridView即可: public class MyGridView extends GridView { public MyGridView

android 之 ListView 里面嵌套 GridView 遇到的问题及其解决方法。

我们直接入主题.所有问题例子请参照下图 1,怎样使图片具有点击事件? 答: 解决方法: 在你的BaseAdapter里面不要设置下面这三个东西,然后再设置GridView的onItemClick. gridView.setClickable(false); gridView.setPressed(false); gridView.setEnabled(false); 2,为什么我在已经处理了listView点击事件阻断的情况下,同时图片具有点击事件,此时再点击和图片同高度的空白处,却无法执行li