GridView空白区域增加点击事件

项目使用GridVIew展示缩略图,gridView是设置了每行三张图片的,当图片有四张的时候,难免会多出两个空白区域。其中每张图片可以放大展示原图,其他区域需要有点击后进入详情页面。这时,GridView空白的item无法点击的问题就显得格外需要处理了。

效果:

show.gif


增加空白处点击事件,需要用到……对,就是……onTouchEvent(MotionEvent event);我发现,onTouch真是救命稻草啊,每当遇到困难的时候,它就像英雄一样,手握宝剑,身披铠甲,熠熠发光~

好了,臆想完毕。代码君又来了!
首先我们需要定义一个接口和设置好外部回调方法不写不行哦

 public interface OnTouchInvalidPositionListener {
        void onTouchInvalidPosition();
    }
 public void setOnTouchInvalidPositionListener(OnTouchInvalidPositionListener listener) {
        mTouchInvalidPosListener = listener;
    }

其次,也就是最重要的部分,重写onTouch事件,英雄出场,所向披靡!

 @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (mTouchInvalidPosListener != null) {
            /*返回一个int值,判断触摸后坐标能否映射到一个item上*/
            int motionPosition = pointToPosition((int) event.getX(), (int) event.getY());
            /*映射不到item上(即触摸空白区域)并且是抬起动作,则执行回调操作,并且自己消费,不往父布局传递*/
            if (motionPosition == INVALID_POSITION && event.getAction() == MotionEvent.ACTION_UP) {
                mTouchInvalidPosListener.onTouchInvalidPosition();
                return true;
            }
        }
        return super.onTouchEvent(event);
    }


最后,只需要调用接口就可以了~

 imageLayout.setOnTouchInvalidPositionListener(new MyGridView.OnTouchInvalidPositionListener() {
            @Override
            public void onTouchInvalidPosition() {
              //需要执行的操作
        });

完毕~


想要在继续研究的小伙伴,下面的内容,可以让你知道why to do this?
  在上述onTouchEvent()方法中,有一个相对新手来说陌生的方法,那就是pointToPosition(int x,int y);嗯~这个方法到底是干啥的,为什么它能判断是不是空白区域呢?下面让我们探索pointToPosition(int x,int y)吧~

进入源码的世界……

 /**
     * Rectangle used for hit testing children
     */
    private Rect mTouchFrame;
 /**
     * Maps a point to a position in the list.
     *
     * @param x X in local coordinate
     * @param y Y in local coordinate
     * @return The position of the item which contains the specified point, or
     *         {@link #INVALID_POSITION} if the point does not intersect an item.
     */
    public int pointToPosition(int x, int y) {
        Rect frame = mTouchFrame;
        if (frame == null) {
            mTouchFrame = new Rect();
            frame = mTouchFrame;
        }
    final int count = getChildCount();
        for (int i = count - 1; i >= 0; i--) {
            final View child = getChildAt(i);
            if (child.getVisibility() == View.VISIBLE) {
                child.getHitRect(frame);
                if (frame.contains(x, y)) {
                    return mFirstPosition + i;
                }
            }
        }
        return INVALID_POSITION;
    }

上述源码可见,pointToPosition(int x, int y)返回一个int值,其中有个for循环,需要引起我们的注意,循环的是这个view的子view,也就是GridView的item,使用if判断是否item可见,如果可见,执行child.getHitRect(frame);方法,那么这个方法是干啥的呢?继续看源码!

 /**
     * Hit rectangle in parent's coordinates
     *
     * @param outRect The hit rectangle of the view.
     */
    public void getHitRect(Rect outRect) {
        if (hasIdentityMatrix() || mAttachInfo == null) {
            outRect.set(mLeft, mTop, mRight, mBottom);
        } else {
            final RectF tmpRect = mAttachInfo.mTmpTransformRect;
            tmpRect.set(0, 0, getWidth(), getHeight());
            getMatrix().mapRect(tmpRect); // TODO: mRenderNode.mapRect(tmpRect)
            outRect.set((int) tmpRect.left + mLeft, (int) tmpRect.top + mTop,
                    (int) tmpRect.right + mLeft, (int) tmpRect.bottom + mTop);
        }
    }

这个方法也不用看太细致,大致意思就是给传进来的outRect矩形设置左上右下的值。回到pointToPosition(int x, int y)方法中

 if (frame.contains(x, y)) {
      return mFirstPosition + i;
  }

这是判断我们的触摸点是否包含在getHitRect(Rect outRect)所得到的frame中。如果不包含的话,就执行最后一句 return INVALID_POSITION(无效的位置);到这里,就和我们在onTouchEvent(MotionEvent event)中判断的motionPosition == INVALID_POSITION对上了。也就得到了触摸点是在空白区域的。

探索完毕有没有涨姿势呢哈哈撒花

你可能感兴趣的:(GridView空白区域增加点击事件)