ListView嵌套GridView时遇到的一些坑

最新推荐文章于 2024-05-29 15:38:22 发布

老臣、

最新推荐文章于 2024-05-29 15:38:22 发布

阅读量6.3k

点赞数 3

分类专栏： Android 文章标签： listview gridview

本文链接：https://blog.csdn.net/vae1314chuanchen/article/details/51629267

版权

Android 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

最近在做课程设计的时候用到了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宽度与高度的动态设置:

@Override
public 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，文章结束。暂时就先坑到这里》》

老臣、

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
ListView嵌套GridView时遇到的一些坑

最近在做课程设计的时候用到了ListView列表来显示数据，虽然谷歌已经推出RecyclerView,并且已经逐步取代了ListView，可是无奈我最后还是选择了ListView。课程设计的需求是用ListView来嵌套GridView来显示数据，GridView是用来显示图片的。照着常规方法将GridView作为ListView中Item布局的一部分来显示，给GridView设置numColumn
复制链接

扫一扫

专栏目录