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对上了。也就得到了触摸点是在空白区域的。

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,254评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,875评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,682评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,896评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,015评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,152评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,208评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,962评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,388评论 1 304
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,700评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,867评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,551评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,186评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,901评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,142评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,689评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,757评论 2 351

推荐阅读更多精彩内容