GridView点击空白地方事件扩展

我们通常在ListView或者GridView响应点击Item事件,但很多时候我们同样也

希望监听到点击空白区域的事件来做更多的处理。本文以GridView为例给出一个实现

的方法,扩展GridView并可作为通用控件使用。ListView的实现应该也大同小异

好吧,原来之前写过另外一篇,不过监控的是ACTION_UP事件,但这篇更加通用

代码比较简单,先贴代码再做下解释

public class MyGridView extends GridView {
  public interface OnTouchInvalidPositionListener {
    /**
     * motionEvent 可使用 MotionEvent.ACTION_DOWN 或者 MotionEvent.ACTION_UP等来按需要进行判断
     * @return 是否要终止事件的路由
     */
    boolean onTouchInvalidPosition(int motionEvent);
  }
  /**
   * 点击空白区域时的响应和处理接口
   */
  public void setOnTouchInvalidPositionListener(OnTouchInvalidPositionListener listener) {
    mTouchInvalidPosListener = listener;
  }
  @Override
  public boolean onTouchEvent(MotionEvent event) {
    if(mTouchInvalidPosListener == null) {
      return super.onTouchEvent(event);
    }
    if (!isEnabled()) {
      // A disabled view that is clickable still consumes the touch
      // events, it just doesn‘t respond to them.
      return isClickable() || isLongClickable();
    }
    final int motionPosition = pointToPosition((int)event.getX(), (int)event.getY());
    if( motionPosition == INVALID_POSITION ) {
      super.onTouchEvent(event);
      return mTouchInvalidPosListener.onTouchInvalidPosition(event.getActionMasked());
    }
    return super.onTouchEvent(event);
  }
}

主要是重载了触摸处理函数,并利用api pointToPosition取得当前点击的item,当你点击空白区域的时候,

会返回INVALID_POSITION,由此便可判断点击了空白区域。

使用的话如下代码所示。在onTouchInvalidPosition事件中你可以做自己的响应操作,

通常用得比较多的是“点击空白地方取消当前操作”。这里我是用来实现点击空白地方让父容器

显示触摸变色效果。 注意return返回值的意义,当返回false的时候代表交由父级控件处理,这里的

效果通常会让外层的Layout显示被点击效果。当return true的时候表示你已经处理了该事件并不

让该事件再往上传递。

mGridView.setOnTouchInvalidPositionListener(new OnTouchInvalidPositionListener() {
            @Override
            public boolean onTouchInvalidPosition(int motionEvent) {
                return false; //不终止路由事件让父级控件处理事件
            }
        });    

效果图如下,点击红色圈的地方整个Layout会变色,当然变色这个你的Layout得先设置对应的drawable。

时间: 2024-11-01 12:56:50

GridView点击空白地方事件扩展的相关文章

Android修行笔记(六): GridView点击空白地方事件扩展

我们通常在ListView或者GridView响应点击Item事件,但很多时候我们同样也 希望监听到点击空白区域的事件来做更多的处理.本文以GridView为例给出一个实现 的方法,扩展GridView并可作为通用控件使用.ListView的实现应该也大同小异 好吧,原来之前写过另外一篇,不过监控的是ACTION_UP事件,但这篇更加通用 代码比较简单,先贴代码再做下解释 public class MyGridView extends GridView { public interface On

为GridView添加点击空白地方的响应函数

GridView为我们提供了 OnItemClickListener, 不过有时候我们需要获取用户点击空白区域的事件来做某些操作. 比如类似微信群管理界面里边,在删除成员状态时可以点击空白区域取消当前操作状态.而不巧的是这个很基本的功能 SDK没直接提供,网上也很少能搜到资料,于是我就扩展了一个出来. 首先你使用一个自定义的类,如 public class MyGridView extends GridView ,然后添加以下代码即可 public interface OnTouchBlankP

点击出现蒙层,然后点击空白地方蒙层消失(阻止冒泡)

要做一个这样的蒙层很简单.要实现点击空白地方蒙层消失的时候要注意 $(触发蒙层对象).click(function(e){ e.stopPropagation();          //这里阻止冒泡事件是最重要的,如果不阻止冒泡,会导致蒙层出现之后马上消失.就是因为点击事件冒泡到document上了. 蒙层出现: //或者是蒙层出现后return false.也能达到同样效果. }) $(document).click(function(){ if(蒙层.css("display")

android 实现点击listview 空白地方隐藏菜单

思路:重写ListView的setOnTouchListener事件: 1 ListView.setOnTouchListener(new OnTouchListener(){ 2 3 @Override 4 public boolean onTouch(View arg0, MotionEvent arg1) { 5 // TODO Auto-generated method stub 6 hideMenu();//隐藏菜单 7 return false; 8 } 9 10 }); 延申: 点

点击事件,点击toggleClass,点击其他地方,removeClass

经常会遇到,点击某个元素,子元素显示,再次点击隐藏,并且点击其他地方,子元素同样隐藏关. $("#ele").on("click",function(){ $("#child").toggleClass("hide"); }); $(document).click(function (e) { var e = e || window.event; //浏览器兼容性 var elem = e.target || e.srcEle

jquery 点击其他地方

<script type="text/javascript"> function stopPropagation(e) { if (e.stopPropagation) e.stopPropagation();//停止冒泡 非ie else e.cancelBubble = true;//停止冒泡 ie } $(document).bind('click',function(){ $('#test').css('display','none'); }); $('#test'

点击空白区域隐藏指定元素实例代码

点击空白区域隐藏指定元素实例代码:此效果不是无的放矢的,当然正常的应用应该没有这么简单,一般都是和其他的功能结合在一起的,比如自定义select下拉菜单,点击空白区域的时候可以隐藏下拉菜单,本章节就是单独拿出这个功能做一下简单的介绍.代码实例如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name="author" content=&

【转】Android点击空白区域,隐藏输入法软键盘

原文网址:http://www.2cto.com/kf/201505/401382.html 很多时候,我们在使用应用时,会出现输入法软键盘弹出的问题,通常情况下,我们默认会使用户点击返回键或者下一步对软键盘进行隐藏.为了更好的体验,我们可以实现当用户使用完毕软键盘时.点击空白区域即可实现隐藏的功能.效果如图所示: 代码实现 代码块语法遵循标准markdown代码,例如: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

GridView中点击某行的任意位置就选中该行

GridView中点击某行的任意位置就选中该行 分类: 第一步:添加选择列 点击GridView右边小尖头,双击CommandField,选中"选择",添加,将起设置为不可见: 第二步:处理"ClientScriptManager.RegisterForEventValidation 方法来注册回发或回调数据以进行验证",在源文件中添加"enableEventValidation="false"": 第三步:在GridView的RowDataBound事件中增加以下代码: protec