ListView嵌套GridView时遇到的一些坑
来源:互联网 发布:湖人12年纳什数据 编辑:程序博客网 时间:2024/06/06 06:20
最近在做课程设计的时候用到了ListView列表来显示数据,虽然谷歌已经推出RecyclerView,并且已经逐步取代了ListView,可是无奈我最后还是选择了ListView。
课程设计的需求是用ListView来嵌套GridView来显示数据,GridView是用来显示图片的。照着常规方法将GridView作为ListView中Item布局的一部分来显示,给GridView设置numColumns=3,这里设置了九张图片,按道理分3行显示,但是运行程序后只显示了一行数据,也就是3行图片。试着改了改GridView的高度,木有任何作用。why?
由于ListView和GridView都是可滑动的控件. 所以需要自定义GridView,重写其onMeasure()方法. 在该方法中使GridView的高为wrap_content的大小,否则GridView中的内容只能显示很小一部分。重写后的MyGridView:
public class MyGridView extends GridView { public MyGridView(Context context) { super(context); } public MyGridView(Context context, AttributeSet attrs) { super(context, attrs); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int expandSpec = MeasureSpec.makeMeasureSpec( Integer.MAX_VALUE >> 2,MeasureSpec.AT_MOST); super.onMeasure(widthMeasureSpec, expandSpec); }}
int expandSpec = MeasureSpec.makeMeasureSpec(
Integer.MAX_VALUE >> 2,MeasureSpec.AT_MOST);
其实就是根据提供的大小值和模式创建一个测量值(格式);
一个MeasureSpec由大小和模式组成。
它有三种模式:
- UNSPECIFIED(未指定),父元素不对子元素施加任何束缚,子元素可以得到任意想要的大小;
- EXACTLY(完全),父元素决定自元素的确切大小,子元素将被限定在给定的边界里而忽略它本身大小;
- AT_MOST(至多),子元素至多达到指定大小的值。
这里我们的MeasureSpec.AT_MOST代表高度自适应,也就是GridView能多大就有多大。而”size” 就是提供一个可测量的最大值。我们取Integer的最大值并使用位运算右移两位,是因为:
MeasureSpec是一个32位的int值,其中高2位为测量的模式,低30位为测量的大小。在计算中使用位运算的原因是为了提高并优化效率。
在布局中使用自定义高度的GridView发现图片能正确的显示出来了。好吧,第一个坑解决了。
接下来想在ListView中做Item的点击事件,给ListView设置了OnItemClickListener监听,并重写了OnItemClick方法后,不知道为什么Item就是点击不了,好像失灵了一样。不过最后在某度的帮助下还是解决了:
在自己定义的item的布局最外层的layout加入标签 :
android:descendantFocusability="blocksDescendants"
item就可以点击了。如下:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:descendantFocusability="blocksDescendants" android:layout_width="match_parent" android:layout_height="match_parent"> ...</LinearLayout>
总结了一下:项目中用到的listview不仅仅是显示简单的文字,有时是自己定义listview,用自己的Adapter去继承BaseAdapter,在adapter中按照需求进行编写。而点击每一个item的时候没有反应,无法获取的焦点的原因多半是由于在你自己定义的Item中存在诸如ImageButton,Button等子控件(也可以说ImageButton或者Button的子类控件),此时这些子控件会将焦点获取到,所以常常当点击item时变化的是子控件,item本身的点击没有响应。
这时候就可以使用descendantFocusability来解决了。
其属性值如下:
beforeDescendants:viewgroup会优先其子类控件而获取到焦点
afterDescendants:viewgroup只有当其子类控件不需要获取焦点时才获取焦点
- blocksDescendants:viewgroup会覆盖子类控件而直接获得焦点
接下来问题又来了,嵌套了GridView之后,发现无图的空白区域里面没有触点击事件。既不能触发Girdview的onItemClick,也不触发Listview的onItemClick怎么回事呢?后来发现,原来可以自己去监听GridView的无效区域触发事件的。
public class MyGridView extends GridView { private OnTouchInvalidPositionListener onTouchInvalidPositionListener; public MyGridView(Context context) { super(context); } public MyGridView(Context context, AttributeSet attrs) { super(context, attrs); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int expandSpec = MeasureSpec.makeMeasureSpec( Integer.MAX_VALUE >> 2,MeasureSpec.AT_MOST); super.onMeasure(widthMeasureSpec, expandSpec); } @Override public boolean onTouchEvent(MotionEvent ev) { //先创建一个监听接口,一旦点击了无效区域,便实现onTouchInvalidPosition方法, // 返回true or false来确认是否消费了这个事件 if(onTouchInvalidPositionListener!=null){ if(!isEnabled()){ return isClickable()||isLongClickable(); } int motionPosition = pointToPosition((int)ev.getX(), (int)ev.getY()); if(ev.getAction()==MotionEvent.ACTION_UP&&motionPosition == INVALID_POSITION){ super.onTouchEvent(ev); return onTouchInvalidPositionListener.onTouchInvalidPosition(motionPosition); } } return super.onTouchEvent(ev); } public void setOnTouchInvalidPositionListener( OnTouchInvalidPositionListener onTouchInvalidPositionListener) { this.onTouchInvalidPositionListener = onTouchInvalidPositionListener; } public interface OnTouchInvalidPositionListener{ public boolean onTouchInvalidPosition(int motionEvent); }}
然后再ListView的适配器里添加对gridView的无效区域触发事件的监听,使之与ListView的onItemClick做相同的触发事件即可。
之后就是GridView中ImageView的显示问题,首先设置ImageView的宽度与高度相同,为了适配不同的屏幕大小和为了动态改变GridView的列数后ImageView能自动改变大小,所以在GridView的适配器里添加了对ImageView宽度与高度的动态设置:
@Overridepublic View getView(final int position, View convertView, ViewGroup parent) { ViewHolder holder = null; if(convertView == null){ holder = new ViewHolder(); convertView = mInflater.inflate(R.layout.item_pic,null); holder.imageView = (ImageView) convertView.findViewById(R.id.iv_pic); holder.imageView.setLayoutParams(params); convertView.setTag(holder); }else { holder = (ViewHolder) convertView.getTag(); holder.imageView.setLayoutParams(params); } GridView mgv = (GridView) parent; int horizontalSpacing = mgv.getHorizontalSpacing(); int numColumns = mgv.getNumColumns(); int itemWidth = (mgv.getWidth() - (numColumns - 1) * horizontalSpacing -mgv.getPaddingLeft() - mgv.getPaddingRight())/numColumns; int itemHeight = itemWidth; RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(itemWidth,itemHeight); holder.imageView.setLayoutParams(params); imageLoader.displayImage(mPicList.get(position),holder.imageView,options); return convertView;}
其中,以下几行代码就是对ImageView宽度与高度的动态设置:
GridView mgv = (GridView) parent; int horizontalSpacing = mgv.getHorizontalSpacing(); int numColumns = mgv.getNumColumns(); int itemWidth = (mgv.getWidth() - (numColumns - 1) * horizontalSpacing -mgv.getPaddingLeft() - mgv.getPaddingRight())/numColumns; int itemHeight = itemWidth; RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(itemWidth,itemHeight); holder.imageView.setLayoutParams(params);
然后给ImageView设置android:scaleType=”centerCrop”属性,什么意思呢?
其实就是按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽)。
“android:scaleType=” “”是控制图片如何调整大小和移动来匹对ImageView的size。
其属性如下:
- center:按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示
- centerCrop : 按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽)
- centerInside : 将图片的内容完整居中显示,通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽
- fitCenter :把图片按比例扩大/缩小到View的宽度,居中显示
- fitEnd : 把图片按比例扩大/缩小到View的宽度,显示在View的下部分位置
- fitStart : 把图片按比例扩大/缩小到View的宽度,显示在View的上部分位置
- fitXY :把图片不按比例扩大/缩小到View的大小显示
- matrix:用矩阵来绘制,动态缩小放大图片来显示
最后,就是点击图片的显示了,单图用ImageView,多图当然用ViewPager来显示了。但是图片传入的数量不确定,只是一个集合,所以需要在PagerAdapter生成image布局的数量,我们为ImageVPAdapter添加了initImgs()方法用来根据传入的picUrls.size()来确定生成ImageView的数量,之后在instantiateItem方法中添加图片的显示。
public class ImageVPAdapter extends PagerAdapter { private Context context; private List<String> picUrls; private List<View> picViews; private ImageLoader imageLoader = ImageLoader.getInstance(); private DisplayImageOptions options; public ImageVPAdapter(Context context, List<String> picUrls ){ this.context = context; this.picUrls = picUrls; initImgs(); options = new DisplayImageOptions.Builder() .cacheInMemory(true) .cacheOnDisk(true) .build(); } private void initImgs() { picViews = new ArrayList<View>(); for(int i = 0;i < picUrls.size(); i++){ View view = View.inflate(context,R.layout.item_vp_image,null); picViews.add(view); } } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView(picViews.get(position)); } @Override public Object instantiateItem(ViewGroup container, int position) { View view = picViews.get(position); ImageView image = (ImageView) view.findViewById(R.id.image_look); String url = picUrls.get(position); imageLoader.displayImage(url,image,options); container.addView(view); return view; } @Override public int getCount() { return picViews.size(); } @Override public boolean isViewFromObject(View view, Object object) { return view == object; }}
ok,文章结束。暂时就先坑到这里》》
- ListView嵌套GridView时遇到的一些坑
- ListView嵌套Gridview遇到的问题
- LISTVIEW嵌套GRIDVIEW的一些处理
- ListView嵌套RecyclerView遇到的一些坑以及解决办法
- 关于ListView嵌套ViewPager,ViewPager嵌套GridView的一些问题。
- ListView嵌套GridView的Demo
- android中Listview+GridView遇到的坑
- ListView 嵌套 GridView 或者是listview 嵌套listView 的问题
- ScrollView嵌套Viewpager嵌套ListView时遇到的问题
- ScrollView中嵌套ListView或者GridView时的滑动冲突 || ListView中嵌套GridView,GridView只显示一行的问题解决
- android 之 ListView 里面嵌套 GridView 遇到的问题及其解决方法。
- 解决ScrollView跟ListView或GridView嵌套时的问题
- GridView与 listView嵌套时的事件冲突
- scrollview中嵌套listview和gridview时发生的问题
- 解决ListView嵌套ListView遇到的问题
- scrollview嵌套listview,gridview时使用自定义listview或gridview
- 定义的ListView嵌套GridView的布局
- ScrollView嵌套GridView、ListView的解决办法
- u-boot与linux内核间的参数传递过程分析
- Android数据库新王者-Realm入门教程
- CSS3属性transform(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)
- Wireshark使用教程
- Java内存模型
- ListView嵌套GridView时遇到的一些坑
- Maximum Depth of Binary Tree
- csdn待改进点之5------>在PC上能顶自己博文, 但在手机app上却不能, 这种体验真的好吗?
- 文章标题
- HDU 3923 Invoker(Polya原理+费马小定理)
- Nutch的配置(使用MySQL作为数据存储)
- 6.10linux驱动笔记
- Listview(黑名单)&sqlite(sql+api SqliteDataBase SqltieOpenHelper)
- 滑动切换图片效果的实现