Android自定义viewgroup可滚动布局 GestureDetector手势监听(5)

这篇效果和上一篇:http://www.jb51.net/article/100638.htm的效果是一样的,但是不再在OnTouchEvent中写代码,而是使用系统自带的类GestureDetector来监听手势以及滑动事件等等,它内置了滑动,点击,长按等事件,而且有快速滑动,比较方便,比自己写的细节处理要好。

代码:

package com.example.libingyuan.horizontallistview.ScrollViewGroup;

import android.content.Context;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.Scroller;

/**
 * 自定义ViewGroup(横向滚动)
 */
public class ScrollViewGroup extends ViewGroup {
 //滚动计算辅助类
 private Scroller mScroller;
 //屏幕宽度
 private int screenWidth;
 //可以移动的最大距离
 private int mMaxDistance;
 //自定义手势监听类
 private ScrollTouchLisener mTouchLisener;
 //手势监听
 private GestureDetector mDetector;

 /**
  * 使用new关键字创建对象的时候调用
  */
 public ScrollViewGroup(Context context) {
  this(context, null);
 }

 /**
  * 在XML文件中使用的时候调用
  */
 public ScrollViewGroup(Context context, AttributeSet attrs) {
  this(context, attrs, 0);
 }

 /**
  * 在xml文件中调用,并且使用了自定义属性的时候调用
  */
 public ScrollViewGroup(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  init(context);
 }

 /**
  * 初始化方法
  * 初始化滚动辅助类Scroller以及计算出屏幕宽度
  */
 private void init(Context context) {
  //初始化辅助类
  mScroller = new Scroller(context);
  //获取屏幕宽度
  WindowManager manager = (WindowManager) context
    .getSystemService(Context.WINDOW_SERVICE);
  DisplayMetrics outMetrics = new DisplayMetrics();
  manager.getDefaultDisplay().getMetrics(outMetrics);
  screenWidth = outMetrics.widthPixels;
  //手势指示器初始化
  mTouchLisener = new ScrollTouchLisener();
  mDetector = new GestureDetector(context, mTouchLisener);
 }

 /**
  * 滚动时需要重写的方法,用于控制滚动
  */
 @Override
 public void computeScroll() {
  //判断滚动时候停止
  if (mScroller.computeScrollOffset()) {
   //滚动到指定的位置
   scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
   //这句话必须写,否则不能实时刷新
   postInvalidate();
  }
 }

 /**
  * 手指触屏事件监听
  */
 @Override
 public boolean onTouchEvent(MotionEvent event) {
  mDetector.onTouchEvent(event);
  if (event.getAction() == MotionEvent.ACTION_UP) {
   this.onUp(event);
  }
  return true;
 }

 /*
  *测量方法,测量父布局的宽度和高度
  */
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  //重新设置宽高
  this.setMeasuredDimension(measureWidth(widthMeasureSpec, heightMeasureSpec), measureHeight(widthMeasureSpec, heightMeasureSpec));
 }

 /**
  * 测量宽度
  */
 private int measureWidth(int widthMeasureSpec, int heightMeasureSpec) {
  // 宽度
  int sizeWidth = MeasureSpec.getSize(widthMeasureSpec);
  int modeWidth = MeasureSpec.getMode(widthMeasureSpec);
  //父控件的宽(wrap_content)
  int width = 0;
  int childCount = getChildCount();

  //重新测量子view的宽度,以及最大高度
  for (int i = 0; i < childCount; i++) {
   View child = getChildAt(i);
   measureChild(child, widthMeasureSpec, heightMeasureSpec);
   MarginLayoutParams lp = (MarginLayoutParams) child.getLayoutParams();
   int childWidth = child.getMeasuredWidth() + lp.leftMargin + lp.rightMargin;
   width += childWidth;
  }
  return modeWidth == MeasureSpec.EXACTLY ? sizeWidth : width;
 }

 /**
  * 测量高度
  */
 private int measureHeight(int widthMeasureSpec, int heightMeasureSpec) {
  //高度
  int sizeHeight = MeasureSpec.getSize(heightMeasureSpec);
  int modeHeight = MeasureSpec.getMode(heightMeasureSpec);
  //父控件的高(wrap_content)
  int height = 0;
  int childCount = getChildCount();

  //重新测量子view的宽度,以及最大高度
  for (int i = 0; i < childCount; i++) {
   View child = getChildAt(i);
   measureChild(child, widthMeasureSpec, heightMeasureSpec);
   MarginLayoutParams lp = (MarginLayoutParams) child.getLayoutParams();
   int childHeight = child.getMeasuredHeight() + lp.topMargin + lp.bottomMargin;
   height += childHeight;
  }
  height = height / childCount;
  return modeHeight == MeasureSpec.EXACTLY ? sizeHeight : height;
 }

 /**
  * 给子布局设定位置
  */
 @Override
 protected void onLayout(boolean changed, int l, int t, int r, int b) {
  int childLeft = 0;//子View左边的间距
  int childWidth;//子View的宽度
  int height = getHeight();//屏幕的宽度
  int childCount = getChildCount();//子View的数量
  for (int i = 0; i < childCount; i++) {
   View child = getChildAt(i);
   MarginLayoutParams lp = (MarginLayoutParams) child.getLayoutParams();
   childWidth = child.getMeasuredWidth() + lp.leftMargin + lp.rightMargin;
   child.layout(childLeft, 0, childLeft + childWidth, height);
   childLeft += childWidth;
  }
 }

 @Override
 public LayoutParams generateLayoutParams(AttributeSet attrs) {
  return new MarginLayoutParams(getContext(), attrs);
 }

 /*
  *按下事件 ACTION_DOWN
  */
 public boolean onDown(MotionEvent e) {
  //如果停止滚动则取消动画(即手指按下就停止滚动)
  if (!mScroller.isFinished()) {
   mScroller.abortAnimation();
  }
  return false;
 }
 /*
 *抬起事件 ACTION_UP
 */
 public boolean onUp(MotionEvent e) {
  //得到最后一个子View
  View lastChild = getChildAt(getChildCount() - 1);
  //获取滑动的最大滑动距离(最后一个Child的右边框的坐标减去屏幕的宽度)
  int finalyChild = (int) (lastChild.getX() + lastChild.getWidth() - screenWidth);
  mMaxDistance = finalyChild;
  //如果滑动的距离小于第一个控件的最左边(0)则回弹至(0,0)点
  if (getScrollX() < 0) {
   scrollTo(0, 0);
  }
  //如果滑动的距离大于最大可滑动距离则滑动到最后一个子View
  if (getScrollX() >= finalyChild)
   scrollTo(finalyChild, 0);
  //刷新界面
  invalidate();
  return false;
 }

 /*
  *ACTION_DOWN 、短按不移动
  */
 public void onShowPress(MotionEvent e) {
 }

 /*
  *短按ACTION_DOWN、ACTION_UP
  */
 public boolean onSingleTapUp(MotionEvent e) {
  return false;
 }

 /*
  *ACTION_DOWN 、慢滑动
  */
 public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
  //滚动
  scrollBy((int) distanceX, 0);
  return false;
 }

 // ACTION_DOWN 、长按不滑动
 public void onLongPress(MotionEvent e) {
 }

 /*
  *ACTION_DOWN 、快滑动、 ACTION_UP
  */
 public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
  mScroller.fling(getScrollX(), 0, (int) -velocityX, 0, 0, mMaxDistance, 0, 0);
  return false;
 }

 /**
  * 自定义手势监听类
  */
 private class ScrollTouchLisener implements GestureDetector.OnGestureListener {

  //按下事件
  @Override
  public boolean onDown(MotionEvent e) {
   return ScrollViewGroup.this.onDown(e);
  }

  //单击事件
  @Override
  public void onShowPress(MotionEvent e) {
   ScrollViewGroup.this.onShowPress(e);
  }

  //手指抬起事件
  @Override
  public boolean onSingleTapUp(MotionEvent e) {
   return ScrollViewGroup.this.onSingleTapUp(e);
  }

  //滚动事件
  @Override
  public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
   return ScrollViewGroup.this.onScroll(e1, e2, distanceX, distanceY);
  }

  //长按事件
  @Override
  public void onLongPress(MotionEvent e) {
   ScrollViewGroup.this.onLongPress(e);
  }

  //滑动事件
  @Override
  public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
   return ScrollViewGroup.this.onFling(e1, e2, velocityX, velocityY);
  }
 }

}

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

(0)

相关推荐

  • Android实现手势滑动多点触摸放大缩小图片效果

    网上文章虽多,但是这种效果少之又少,我真诚的献上以供大家参考 实现原理:自定义ImageView对此控件进行相应的layout(动态布局). 这里你要明白几个方法执行的流程: 首先ImageView是继承自View的子类. onLayout方法:是一个回调方法.该方法会在在View中的layout方法中执行,在执行layout方法前面会首先执行setFrame方法. setFrame方法:判断我们的View是否发生变化,如果发生变化,那么将最新的l,t,r,b传递给View,然后刷新进行动态更新

  • Android通过手势实现的缩放处理实例代码

    网络上传言HTC的HERO-ROM支持多点触摸的论证大多源于浏览网页和图片时,能像IPhone一样通过手势来控制页面的大小.下面的例子是利用现有的API实现HERO浏览图片和网页的缩放功能. 主要原理是onTouchEvent事件中的参数MotionEvent,它有一个getSize()方法.在一个点的时候,该方法永远返回0,而在两个触电的时候,该方法则根据两点相对位置变化而返回不同的值.我们只需计算出两点之间的距离变化,距离的大小表明我们希望目标变化的趋势.而getX()和getY()方法则永

  • Android手势识别器GestureDetector使用详解

    以前只知道控件的onTouchEvent()事件,它的动作有MotionEvent.ACTION_DOWN.MotionEvent.ACTION_MOVE.MotionEvent.ACTION_UP;今天有个需求,要监听控件的双击.拖动.滑动等事件,这时onTouchEvent()很明显不能满足我们的需求,经多方打听,找到了今天的主角GestureDetector,下面就对它进行简单的学习. 构造方法: 已过时的有2个,不推荐使用. GestureDetector(GestureDetector

  • Android自定义GestureDetector实现手势ImageView

    不说废话了,进入我们今天的主题吧. 先贴上前面内容的地址: Android手势ImageView三部曲(一) Android手势ImageView三部曲(二) Android手势ImageView三部曲(三) 前面我们讲到了ScaleGestureDetector这个工具类,我在疑惑,为什么搞出一个ScaleGestureDetector,不顺带把什么旋转.移动.做了呢? 好吧-! 谷歌肯定还是想给开发者留一点自己的空间哈. 仿照ScaleGestureDetector,我们来定义一个叫Move

  • Android GestureDetector手势滑动使用实例讲解

    Gesture在 ViewGroup中使用 GestureDetector类可以让我们快速的处理手势事件,如点击,滑动等. 使用GestureDetector分三步: 1. 定义GestureDetector类 2. 初始化手势类,同时设置手势监听 3. 将touch事件交给gesture处理 先来了解一下如何使用,后面会有示例: package com.example.y2222.myview; import android.content.Context; import android.ut

  • Android触摸及手势操作GestureDetector

    现在的智能手机不敢说百分百的都是触摸屏,也应该是百分之九九以上为触摸屏了,触摸屏为我们操作无键盘.无鼠标的手机系统带来了很多的便利.当用户触摸屏幕时会产生很多的触摸事件,down.up.move等等.View类有个View.OnTouchListener内部接口,通过重写他的onTouch(View v, MotionEvent event)方法,我们可以处理一些touch事件,如下: public class MainActivity extends Activity { ... // Thi

  • Android GestureDetector用户手势检测实例讲解

    一.概述 当用户触摸屏幕的时候,会产生许多手势,例如down,up,scroll,filing等等. 一般情况下,我们知道View类有个View.OnTouchListener内部接口,通过重写他的onTouch(View v, MotionEvent event)方法,我们可以处理一些touch事件,但是这个方法太过简单,如果需要处理一些复杂的手势,用这个接口就会很麻烦(因为我们要自己根据用户触摸的轨迹去判断是什么手势). Android sdk给我们提供了GestureDetector(Ge

  • Android编程使用GestureDetector实现简单手势监听与处理的方法

    本文实例讲述了Android编程使用GestureDetector实现简单手势监听与处理的方法.分享给大家供大家参考,具体如下: 添加手势识别监听步骤: 一.给相应的控件添加触摸监听事件, 二.利用GestureDetector转发这个触摸事件. 三.事先定义好一个实现simpleongestureListener这个监听的接口的类 四.在这个监听中处理各种事件. 具体代码如下: MainActivity代码如下: package com.example.gesturedetector; imp

  • android使用gesturedetector手势识别示例分享

    复制代码 代码如下: public class MyGestureLintener extends SimpleOnGestureListener {private Context context;public MyGestureLintener(Context context) {    super();    this.context = context;} // 单击,触摸屏按下时立刻触发/*@Overridepublic boolean onDown(MotionEvent e) {  

  • Android自定义viewgroup可滚动布局 GestureDetector手势监听(5)

    这篇效果和上一篇:http://www.jb51.net/article/100638.htm的效果是一样的,但是不再在OnTouchEvent中写代码,而是使用系统自带的类GestureDetector来监听手势以及滑动事件等等,它内置了滑动,点击,长按等事件,而且有快速滑动,比较方便,比自己写的细节处理要好. 代码: package com.example.libingyuan.horizontallistview.ScrollViewGroup; import android.conten

  • Android自定义ViewGroup横向布局(1)

    最近学习自定义viewgroup,我的目标是做一个可以很想滚动的listview,使用adapter填充数据,并且使用adapter.notifyDataSetChanged()更新数据. 不过一口吃不成一个胖子(我吃成这样可是好几年的积累下来的~~~~),我们一步一步来,这篇笔记首先写一个横向的布局. 代码: package com.example.libingyuan.horizontallistview.ScrollViewGroup; import android.content.Con

  • Android自定义ViewGroup实现流式布局

    本文实例为大家分享了Android自定义ViewGroup实现流式布局的具体代码,供大家参考,具体内容如下 1.概述 本篇给大家带来一个实例,FlowLayout,什么是FlowLayout,我们常在App 的搜索界面看到热门搜索词,就是FlowLayout,我们要实现的就是图中的效果,就是根据容器的宽,往容器里面添加元素,如果剩余的控件不足时候,自行添加到下一行,FlowLayout也叫流式布局,在开发中还是挺常用的. 2.对所有的子View进行测量 onMeasure方法的调用次数是不确定的

  • Android自定义ViewGroup实现九宫格布局

    目录 前言 一.九宫格的测量 二.九宫格的布局 三.单图片与四宫格的单独处理 四.自定义布局的抽取 4.1 先布局再隐藏的思路 4.2 数据适配器的思路 前言 在之前的文章我们复习了 ViewGroup 的测量与布局,那么我们这一篇效果就可以在之前的基础上实现一个灵活的九宫格布局. 那么一个九宫格的 ViewGroup 如何定义,我们分解为如下的几个步骤来实现: 先计算与测量九宫格内部的子View的宽度与高度. 再计算整体九宫格的宽度和高度. 进行子View九宫格的布局. 对单独的图片和四宫格的

  • Android自定义viewgroup 使用adapter适配数据(6)

    在自定义viewgroup(5):http://www.jb51.net/article/100639.htm的基础上,添加使用adapter来适配数据,这样更加的方便,这里只是使用adapter适配数据,不能更新. package com.example.libingyuan.horizontallistview.ScrollViewGroup; import android.content.Context; import android.util.AttributeSet; import a

  • Android自定义ViewGroup实现侧滑菜单

    目录 前言 一.常用的几种交互方式 1.1 事件的拦截处理 1.2 自行处理事件的几种方式 1.3 子View的滚动与协调交互 1.4 ViewGroup之间的嵌套与协调效果 二.ViewDragHelper的侧滑菜单实现 三.回调与封装 后记 前言 前文我们理解了ViewGroup的测量与布局,但是并没有涉及到多少的交互逻辑,而 ViewGroup 的交互逻辑说起来范围其实是比较大的.从哪开始说起呢? 我们暂且把 ViewGroup 的交互分为几块知识区, 事件的拦截. 事件的处理(内部又分不

  • Android自定义ViewGroup实现右滑进入详情

    目录 前言 一.抖音直接右滑进入详情 二.闲鱼右滑进入详情 三.列表的右滑进入详情 后记 前言 在之前的 ViewGroup 的事件相关一文中,我们详细的讲解了一些常见的 ViewGroup 需要处理的事件与运动的方式. 我们了解了如何处理拦截事件,如何滚动,如何处理子 View 的协调运动等. 再复杂一点,我们可以组合在一起使用.例如在拦截事件之后滚动,或者在滚动到一个阈值之后拦截事件. 今天我们一起再巩固一下相关的知识点,以比较常见的一个应用场景,右滑进入详情的场景为例子. 这个例子中又分几

  • Android自定义ViewGroup之FlowLayout(三)

    本篇继续来讲自定义ViewGroup,给大家带来一个实例:FlowLayout.何为FlowLayout,就是控件根据ViewGroup的宽,自动的往右添加,如果当前行剩余空间不足,则自动添加到下一行,所以也叫流式布局.Android并没有提供流式布局,但是某些场合中,流式布局还是非常适合使用的,比如关键字标签,搜索热词列表等,比如下图: 定义FlowLayout LayoutParams,onLayout的写法都和上一篇讲WaterfallLayout一模一样,在此不再赘述了,没看过的可以参照

  • Android自定义ViewGroup实现标签流容器FlowLayout

    本篇文章讲的是Android 自定义ViewGroup之实现标签流式布局-FlowLayout,开发中我们会经常需要实现类似于热门标签等自动换行的流式布局的功能,网上也有很多这样的FlowLayout,但不影响我对其的学习.和往常一样,主要还是想总结一下自定义ViewGroup的开发过程以及一些需要注意的地方. 按照惯例,我们先来看看效果图 一.写代码之前,有几个是问题是我们先要弄清楚的: 1.什么是ViewGroup:从名字上来看,它可以被翻译为控件组,言外之意是ViewGroup内部包含了许

随机推荐