Android实现滑动选择控件实例代码

前言

最近做了个滑动选择的小控件,拿出来给大家分享一下,先上图

运行效果

实现步骤

这里分解为3个动作:Down、Move、Up来进行分析,博主文采不好,大家直接看流程图吧!!

代码分析

前置知识

1、这个地方使用的是RecyclerView的代码,使用RecyclerView只能使用LinearLayoutManager,ListView的运行效果稍微要比RecyclerView差一些

//这里使用dispatchTouchEvent,因为onTouchEvent容易被OnTouchListener截取
  @Override
  public boolean dispatchTouchEvent(MotionEvent ev) {
    LayoutManager manager = getLayoutManager();
    //获取第一个和最后一个显示的Item对应的相对Position
    if (manager instanceof LinearLayoutManager) {
      mFirstVisiblePosition = ((LinearLayoutManager) manager).findFirstVisibleItemPosition();
      mLastVisiblePosition = ((LinearLayoutManager) manager).findLastVisibleItemPosition();
    }
    switch (ev.getAction()) {
      case MotionEvent.ACTION_DOWN:
        //获取按下时的位置,x,y
        int startX = (int) ev.getX();
        int startY = (int) ev.getY();
        int preX = startX;
        mPreY = startY;
        mPreFirstVisiblePosition = mFirstVisiblePosition;
        mPrePosition = mStartPosition = pointToPosition(startX, startY);

        if (mStartPosition > -1) {
          //获取当前Item的View
          View child = getChildAt(mStartPosition);
          if (null != child) {
            //获取响应域,一般响应域里面就是一个CheckBox
            View tmpCheckBoxContainer = child.findViewWithTag("checkbox_layout");
            if (null != tmpCheckBoxContainer && tmpCheckBoxContainer.getVisibility() == VISIBLE) {
              mCheckBoxWidth = tmpCheckBoxContainer.getWidth();
              //获取响应域的范围,一定要用这种获取绝对位置的方式,不然会受到padding或者是margin的影响
              int[] location = new int[2];
              tmpCheckBoxContainer.getLocationOnScreen(location);
              mCheckBoxX = location[0];
              //判断按下的位置是否是在响应域内
              if (startX >= mCheckBoxX && startX <= (mCheckBoxX + mCheckBoxWidth)) {
                Log.d(LOG_TAG, "dispatchTouchEvent() DOWN mStartPosition: " + mStartPosition);
                //设置截取事件的标志位
                mIsNeedScrollCheck = true;
                //设置为第一次滑动,这是用作判断折返的
                mIsFirstMove = true;
                setStartCheckBoxState();
                //截获Checkbox的点击事件,防止两次选中
                return true;
              } else {
                mIsNeedScrollCheck = false;
              }
            } else {
              mIsNeedScrollCheck = false;
              Log.e(LOG_TAG, "dispatchTouchEvent() ", new Throwable("Cannot get CheckBoxContainer!"));
            }

          } else {
            Log.e(LOG_TAG, "dispatchTouchEvent() ", new Throwable("Cannot get item view!"));
          }
        }
        break;
      case MotionEvent.ACTION_MOVE:
        //获取当前位置
        int currentX = (int) ev.getX();
        int currentY = (int) ev.getY();
        //获取当前的item
        int currentPosition = pointToPosition(currentX, currentY);
        //判断是否允许滑动选中
        if (mIsNeedScrollCheck && -1 != mFirstVisiblePosition && -1 != mLastVisiblePosition && -1 != currentPosition) {
          //判断是否在下一个Item的像英语
          if ((currentPosition + mFirstVisiblePosition) != (mPrePosition + mPreFirstVisiblePosition) &&
              currentX >= mCheckBoxX && currentX <= (mCheckBoxX + mCheckBoxWidth)) {

            Log.i(LOG_TAG, "********************************** dispatchTouchEvent() ********************************");
            Log.d(LOG_TAG, "dispatchTouchEvent() MOVE mCurrentPosition: " + currentPosition);
            Log.d(LOG_TAG, "dispatchTouchEvent() MOVE mFirstVisiblePosition: " + mFirstVisiblePosition);
            Log.d(LOG_TAG, "dispatchTouchEvent() MOVE mPrePosition: " + mPrePosition);
            Log.d(LOG_TAG, "dispatchTouchEvent() MOVE mPreFirstVisiblePosition: " + mPreFirstVisiblePosition);
            Log.i(LOG_TAG, "********************************** dispatchTouchEvent() ********************************");

            //折返回来时要改变前一个的Checkbox的状态

            if (mIsFirstMove) {
              mIsFirstMove = false;
              if (currentY >= mPreY) {
                mUpOrDown = false;
              } else {
                mUpOrDown = true;
              }
            } else {
              if ((currentPosition + mFirstVisiblePosition) > (mPrePosition + mPreFirstVisiblePosition) && mUpOrDown) {
                changeCheckBoxState(mPrePosition);
                mUpOrDown = false;
              } else if ((currentPosition + mFirstVisiblePosition) < (mPrePosition + mPreFirstVisiblePosition) && !mUpOrDown) {
                changeCheckBoxState(mPrePosition);
                mUpOrDown = true;
              }
            }

            changeCheckBoxState(currentPosition);

          }

          //判断是否是在最后一个item上滑动,如果是则进行自动向下滑动,如果是在第一个上下滑动,则自动向上滑动
          //Log.d(LOG_TAG, "dispatchTouchEvent() MOVE: " + (mLastVisiblePosition - mCurrentPosition - mFirstVisiblePosition));
          if ((mLastVisiblePosition - mFirstVisiblePosition - currentPosition) < 1 && currentY > mPreY) {
            //自动向下滑
            Log.d(LOG_TAG, "dispatchTouchEvent() MOVE mCount: " + mCount);
            View child = getChildAt(currentPosition);
            if (null != child && 0 == mCount % 5) {
              scrollToPosition(mLastVisiblePosition + 1);
            }
            mCount++;
          } else if (currentPosition < 2 && currentY < mPreY) {
            //自动向上滑
            View child = getChildAt(currentPosition);
            Log.d(LOG_TAG, "dispatchTouchEvent() MOVE mCount: " + mCount);
            //mCount用于降低滑动的频率,频率太快容易滑动的看不清楚
            if (null != child && 0 == mCount % 5) {
              scrollToPosition(mFirstVisiblePosition - 1);
            }
            mCount++;
          }
          mPreY = currentY;
          mPrePosition = currentPosition;
          mPreFirstVisiblePosition = mFirstVisiblePosition;

          return true;
        }
        break;

      case MotionEvent.ACTION_UP:
        if (mIsNeedScrollCheck) {
          mCount = 0;
          return false;

        }
        break;

    }
    return super.dispatchTouchEvent(ev);
  }

其他的代码片段

//改变开始的CheckBox状态
  private void setStartCheckBoxState() {
    View child = getChildAt(mStartPosition);
    if (null != child) {
      ViewGroup checkBoxContainer = (ViewGroup) child.findViewWithTag("checkbox_layout");
      if (null != checkBoxContainer) {
        CheckBox checkBox = (CheckBox) checkBoxContainer.getChildAt(0);
        if (null != checkBox && checkBox.getVisibility() == VISIBLE) {
          checkBox.toggle();
        }
      }

    }
  }
//判断当前Item的Position,相对位置
  private 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 i;
        }
      }
    }
    return -1;
  }
//改变Position的选中状态
  public void changeCheckBoxState(int position) {
    if (position < 0 || position >= getChildCount()) {
      return;
    }

    View child = getChildAt(position);
    if (null != child) {
      ViewGroup checkBoxLayout = (ViewGroup) child.findViewWithTag("checkbox_layout");
      if (null != checkBoxLayout && checkBoxLayout.getVisibility() == VISIBLE) {
        CheckBox checkBox = (CheckBox) checkBoxLayout.getChildAt(0);
        if (null != checkBox) {
          Log.d(LOG_TAG, "changeCheckBoxState() selectCheckBox: " + position);
          //checkBox.performClick();
          checkBox.toggle();
          //checkBox.setClickable(false);
          //checkBox.callOnClick();
        }
      }

    }
  }

项目源码:ScrollCheckBox_jb51.rar

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android 实现IOS 滚轮选择控件的实例(源码下载)

     Android 实现IOS 滚轮选择控件的实例 最近根据项目需要,整理了一个相对比较全面的 WheelView 使用控件,借用之前看到的一句话来说,就是站在巨人肩膀上,进行了一些小调整. 这里先贴上效果图 一般常用的时间选择格式,,单项选择,以及城市联动,这里基本都可以满足了. 这里把 单项选择,和 日期时间选择 给提出到 Util 类中,代码如下: public class Util { /** * 时间选择回调 */ public interface TimerPickerCallBack

  • Android自定义View实现多图片选择控件

    前言 相信很多朋友在开发中都会遇到图片上传的情况,尤其是多图上传,最经典的莫过于微信的图片选择了.所有很多情况下会使用到多图选择,所以就有了这篇文章,今天抽点时间写了个控件.  •支持自定义选择图片的样式  •支持设置图片选择数量  •支持图片预览,删除  •支持图片拍照 先来看看效果 实现分析 假如不定义控件,我们要实现这样一个功能,无非是写个GridView在item点击的时候去显示图片进行选择,在返回界面的时候进行GridView的数据刷新.我们把这些逻辑写在我们自定义的GridView中

  • 轻松实现可扩展自定义的Android滚轮时间选择控件

    项目需求中有个功能模块需要用到时间选择控件,但是android系统自带的太丑了,只能自己优化下,结合WheelView实现滚轮选择日期,好像网上也挺多这种文章的.但是适用范围还是不同,希望这个能够对需求相同的朋友有一定帮助.控件标题还有年月日时分秒这些可以自己控制是否显示,先来看效果. 1.有年月日时分的开始时间 2.只有年月日的结束时间 3.用于有时身份证到期的时间选择(分为勾选长期和直接选择时间两种,另外长期后面自己也可以进行扩展) 4.项目结构 5.直接贴代码,代码里面注释很详细 <spa

  • Android之日期时间选择控件DatePicker和TimePicker实例

    这个月根据需求在项目中做了一个时间选择器,虽然没有用到Android原生的时间选择控件,但我羞愧地发现自己竟然从来没有用过这方面控件!趁现在有时间,赶紧查缺补漏,写一篇博客吧. (注:为了便于区分,本文将选择年月日的控件称为日期选择控件,将选择时分的控件称为时间选择控件.) 1.创建项目 新建一个项目,MainActivity的布局如下: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

  • Android高仿IOS 滚轮选择控件

    最近根据项目需要,整理了一个相对比较全面的 WheelView 使用控件,借用之前看到的一句话来说,就是站在巨人肩膀上,进行了一些小调整. 这里先贴上效果图 一般常用的时间选择格式,,单项选择,以及城市联动,这里基本都可以满足了. 这里把 单项选择,和 日期时间选择 给提出到 Util 类中,代码如下: public class Util { /** * 时间选择回调 */ public interface TimerPickerCallBack { void onTimeSelect(Stri

  • Android自定义控件之日期选择控件使用详解

    Android日期选择控件效果如下: 调用的代码: @OnClick(R.id.btn0) public void btn0() { final AlertDialog dialog = new AlertDialog.Builder(context).create(); dialog.show(); Window window = dialog.getWindow(); window.setContentView(R.layout.dialog_change_date); window.set

  • 可支持快速搜索筛选的Android自定义选择控件

    Android 自定义支持快速搜索筛选的选择控件使用方法,具体如下 项目中遇到选择控件选项过多,需要快速查找匹配的情况. 做了简单的Demo,效果图如下: 源码地址:https://github.com/whieenz/SearchSelect 这个控件是由Dialog+SearchView+ListView实现的.Dialog用来承载选择控件,SearchView实现输入,ListView展示结果.设计概要图如下: 一.自定义Dialog Dialog布局文件 <?xml version=&quo

  • android实现双日期选择控件(可隐藏日,只显示年月)

    在安卓开发中,会碰到选开始日期和结束日期的问题.特别是在使用Pad时,如果弹出一个Dialog,能够同时选择开始日期和结束日期,那将是极好的.我在开发中在DatePickerDialog的基础上做了修改,实现了这种Dialog.效果如下: 具体实现方法为: 先新建一个安卓项目DoubleDatePicker,在res/layout文件夹下新建date_picker_dialog.xml,内容如下: <?xml version="1.0" encoding="utf-8&

  • Android实现滑动选择控件实例代码

    前言 最近做了个滑动选择的小控件,拿出来给大家分享一下,先上图 运行效果 实现步骤 这里分解为3个动作:Down.Move.Up来进行分析,博主文采不好,大家直接看流程图吧!! 代码分析 前置知识 1.这个地方使用的是RecyclerView的代码,使用RecyclerView只能使用LinearLayoutManager,ListView的运行效果稍微要比RecyclerView差一些 //这里使用dispatchTouchEvent,因为onTouchEvent容易被OnTouchListe

  • Android PickerScrollView滑动选择控件使用方法详解

    本文实例为大家分享了Android PickerScrollView滑动选择控件的具体使用代码,供大家参考,具体内容如下 先看一下效果图 1.SelectBean模拟假数据 public class SelectBean {       /**      * ret : 0      * msg : succes      * datas : [{"ID":"0","categoryName":"本人","state

  • Android RatingBar星星评分控件实例代码

    效果图: 直接上代码: xml文件: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http:

  • Android 自定义弹性ListView控件实例代码(三种方法)

    关于在Android中实现ListView的弹性效果,有很多不同的方法,网上一搜,也有很多,下面贴出在项目中经常用到的两种实现ListView弹性效果的方法(基本上拿来就可以用),供大家参考: 弹性ListView 第一种方法: import android.content.Context; import android.content.res.Configuration; import android.util.AttributeSet; import android.util.Display

  • Android 底部导航控件实例代码

    一.先给大家展示下最终效果 通过以上可以看到,图一是简单的使用,图二.图三中为结合ViewPager共同使用,而且都可以随ViewPager的滑动渐变色,不同点是图二为选中非选中两张图片,图三的选中非选中是一张图片只是做了颜色变化. 二. 需求 我们希望做可以做成这样的,可以在xml布局中引入控件并绑定数据,在代码中设置监听回调,并且配置使用要非常简单! 三.需求分析 根据我们多年做不明确需求项目的经验,以上需求还算明确.那么我们可以采用在LinearLayout添加子View控件,这个子Vie

  • Android自定义顶部导航栏控件实例代码

    下面一段代码给大家介绍了android 自定义顶部导航栏控件功能,具体代码如下所示: class HeaderBar @JvmOverloads constructor( context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0 ) : FrameLayout(context, attrs, defStyleAttr) { //重写构造方法 在java里面 我们一般是重写三个构造方法//在kotlin中 我们可以使用

  • C#实现简单的loading提示控件实例代码

    自己画一个转圈圈的控件 using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Drawing.Drawing2D; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows

  • vue递归组件实战之简单树形控件实例代码

    1.递归组件-简单树形控件预览及问题 在编写树形组件时遇到的问题: 组件如何才能递归调用? 递归组件点击事件如何传递? 2.树形控件基本结构及样式 <template> <ul class="vue-tree"> <li class="tree-item"> <div class="tree-content"><!--节点内容--> <div class="expand-

  • Android开发中DatePicker日期与时间控件实例代码

    一.简介 二.方法 最日常的使用方法了 日期控件DatePicker 时间控件TimePicker 月份从0开始 三.代码实例 效果图: 代码: fry.Activity01 package fry; import com.example.DatePicherDemo1.R; import android.app.Activity; import android.os.Bundle; import android.widget.DatePicker; import android.widget.

  • Android实现一个丝滑的自动轮播控件实例代码

    前言 现在很多的 App 都有自动轮播的 banner 界面,用于展示广告图片或者显示当前比较热门的一些活动,除了具备比较酷炫的效果之外,通过轮播的方式来减少对界面的占用,也是很赞的一个设计点.本文主要是总结自动轮播控件的实现过程,以及对这类控件的一些优化的技巧. 一.如何实现 在开始进行我们的代码编程之前,我们先要思考一下,在 Google 提供的官方 Api 里面,有没有类似的控件实现了相似的功能,毕竟官方的控件大都经过了时间的考验,无论是稳定性还是性能方面都是非常不错的,如果我们能够基于官

随机推荐