Android自定义StickinessView粘性滑动效果

design包的出现,Android界面发生了巨大变化,各种滑动配合的效果,下面我就粘性滑动中的一种进行自定义,效果图如下:

大家看到效果了,这里我是继承了LinerLayout,方便一点,若果是ViewGroup的话,也就复杂一点点。这里分为三部分:

1.head1,顶部可移动的Layout。
2.head2,固定的头部,不会滑动除屏幕外。
3.可滑动的Layout(这里只可以是ListView,不过也可以是任何可滑动的View,只要给出Head可滑动的时机即可)

本StickinessView的难点在于,解决滑动冲突和事件的拦截处理,接下来我一一道来。

一、首先,要确定HeadLayout什么时候可以拦截事件,那么就要确定ListView到达顶部和底部的时机。

 @Override
 public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
  View v = mListView.getChildAt(0);
  //当firstItem的top为0的时候就认为已经到达ListView的顶部了
  if (mListView.getChildCount() > 0 && firstVisibleItem == 0) {
   //滑动到顶部
   if (v.getTop() == 0) {
    //滑动到顶部了
    isListViewTop = true;
   } else {
    isListViewBottom = false;
   }
  }else if (mListView.getChildCount()>0&&firstVisibleItem+visibleItemCount==totalItemCount){
   final View bottomChildView = mListView.getChildAt(mListView.getChildCount()-1);
//当最后一个itemView的bottom>=ListView的高度的时候,那么就认为到达底部了
   if    (mListView.getHeight()>=bottomChildView.getBottom()){
    isListViewBottom = true;
   }else {
    isListViewBottom = false;
   }
  }else {
   isListViewBottom = false;
   isListViewTop = false;
  }

原因很简单,因为View的getTop和getBottom方法是相对父容器的位置,熟悉Layout方法的,想必就会很明白了。

二、知道了HeadView拦截事件的时机,我们就要搞清楚在此基础之上,我们到底啥时候拦击点击事件,进行滑动。

 @Override
 public boolean onInterceptTouchEvent(MotionEvent ev) {
  switch (ev.getAction()) {
   case MotionEvent.ACTION_DOWN:
    touchY = ev.getRawY();
    isIntercept = false;
    break;
   case MotionEvent.ACTION_MOVE:
    float distant = ev.getRawY() - touchY;
    if (isListViewTop) {
     switch (mHeadPosition) {
      case TOP:
       if (distant > 0) isIntercept = true;
       break;
      case CENTER:
       isIntercept = true;
       break;
     }
    }
    if (isListViewBottom){
     switch (mHeadPosition) {
      case CENTER:
       isIntercept = true;
       break;
      case BOTTOM:
       if (distant < 0) isIntercept = true;
       break;
     }
    }

    break;
   case MotionEvent.ACTION_UP:
    isIntercept = true;
    break;
  }
  return isIntercept;
 }

跟大家讲解一下onInterceptTouchEvent(MotionEvent ev),这个方法会最先调用,当一个事件序列拦截一次后,那么这个事件的后续事件动作就不会再调用该方法,也就是说,当该ViewGroup决定拦截某个事件后,那么它注定要消费后续的事件动作。这里贴出HeadView的位置状态

public static final int TOP = 0;//收缩状态
public static final int CENTER = 1;//中间状态
public static final int BOTTOM = 2;//展开状态

关于细节,想必大家画个图就可以知道了,注意一点:在拦截事件序列的时候,一般ACTION_DOWN事件不可以被拦截,因为拦截的话,没得意义了,后续事件就无法控制了,不可能继续往ChildView传递事件序列。

三、移动HeadView。

@Override
public boolean onTouchEvent(MotionEvent event) {
 switch (event.getAction()) {
  case MotionEvent.ACTION_DOWN:
   //获取不到的
   break;
  case MotionEvent.ACTION_MOVE:
   int distant = (int) (touchY - event.getRawY());
   if (getScrollY() + distant-1 < MAXY && getScrollY() + distant > 0) {
    scrollTo(0, getScrollY() + distant);
   }
   break;
  case MotionEvent.ACTION_UP:
   if (getScrollY() == 0) mHeadPosition = BOTTOM;
   if (getScrollY() == MAXY) mHeadPosition = TOP;
   if (getScrollY() > 0 && getScrollY() < MAXY) mHeadPosition = CENTER;
   if (getScrollY() > MAXY / 2) {
    mScroll.startScroll(0, getScrollY(), 0, MAXY-getScrollY(),100);
    invalidate();
    mHeadPosition = TOP;
   }
   if (getScrollY() < MAXY / 2) {
    mScroll.startScroll(0, getScrollY(),0,-getScrollY(),100);
    invalidate();
    mHeadPosition = BOTTOM;
   }
   break;
 }
 return super.onTouchEvent(event);
}

这里为了使得滑动跟家顺畅我使用了Scroller这个类,该类是专门处理弹性滑动的工具类,先初始化构造器,在调用startScroll()方法(其中四个参数:滑动的x,滑动的y,滑动x的偏移量,滑动y的偏移量),然后刷新视图,最后重写computeScroll()方法,

@Override
public void computeScroll() {
 super.computeScroll();
 if (mScroll.computeScrollOffset()){
  scrollTo(mScroll.getCurrX(),mScroll.getCurrY());
  postInvalidate();
 }
}

好了,基本完成,我们还要第一时间获取HeadView的高度,那么在onMeasure()中获取比较好,并且只获取一次如下

 if (MAXY == -1)
  MAXY = mHeadSecond.getMeasuredHeight();

在onFinishInflate()方法中,该方法的执行标志着所有的View都已经add完毕,这里我们进行初始化是比较妥当的。

 @Override
  protected void onFinishInflate() {
  super.onFinishInflate();
  int count = getChildCount();
  //本粘性布局只支持ListView
  if (count == 3 && getChildAt(2) instanceof ListView)
   init();
 }
 /**
  * 初始化
  */
 private void init() {
  //获得子元素
  mHeadFiest = getChildAt(0);
  mHeadSecond = getChildAt(1);
  mListView = (ListView) getChildAt(2);
  mListView.setOnScrollListener(this);
  mScroll = new Scroller(getContext());
 }

好了,基本就是这些。
GitHub地址:https://github.com/yzzAndroid/LianXinView

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

(0)

相关推荐

  • Android中实现水平滑动(横向滑动)ListView示例

    水平的ListView-HorizontalListView的使用 Android中ListView默认的是竖直方向的滑动,由于项目的需求,需要ListView是水平滑动的.有很多的方式可以实现,但是比较好的一种方式就是自己封装一个控件,使用方式和ListView的使用方式是一样的.需要完善的地方:获取到的图片大小没有处理.在界面上展示的是图片的原大小.为了更好的展示效果,应该压缩成统一的尺寸. HorizontalListView.java 代码如下: /** * 横向的ListView *

  • Android利用ViewPager实现滑动广告板实例源码

    •android-support-v4.jar,这是谷歌官方给我们提供的一个兼容低版本Android设备的软件包,里面包囊了只有在Android3.0以上可以使用的api.而ViewPager就是其中之一,利用它我们可以做很多事情,从最简单的导航,到页面切换菜单等等. •ViewPager的功能就是可以使视图滑动,就像Lanucher左右滑动那样. •本Demo向大家演示ViewPager的使用,并在用户未滑动View时,每隔5s钟自动切换到下一个View(循环切换),而当用户有Touch到Vi

  • Android编程中ViewPage判断左右滑动方向的方法

    本文实例讲述了Android编程中ViewPage判断左右滑动方向的方法.分享给大家供大家参考,具体如下: package com.meityitian.app.views; import android.content.Context; import android.support.v4.view.ViewPager; import android.util.AttributeSet; import android.util.Log; import com.meityitian.app.uti

  • Android中RecyclerView实现横向滑动代码

    RecyclerView 是Android L版本中新添加的一个用来取代ListView的SDK,它的灵活性与可替代性比listview更好.本文给大家介绍Android中RecyclerView实现横向滑动代码,一起看看吧. android.support.v7.widget.RecyclerView 功能:RecyclerView横向滑动 控件:<android.support.v7.widget.RecyclerView /> Java类:RecyclerView.GalleryAdap

  • android 通过向viewpage中添加listview来完成滑动效果(类似于qq滑动界面)

    文件名:page.xml 复制代码 代码如下: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="fill_parent"    android:layout_height="fill

  • 解析Android中实现滑动翻页之ViewFlipper的使用详解

    1)View切换的控件-ViewFlipper介绍 ViewFilpper类继承于ViewAnimator类.而ViewAnimator类继承于FrameLayout. 查看ViewAnimator类的源码可以看出此类的作用主要是为其中的View切换提供动画效果.该类有如下几个和动画相关的方法. setInAnimation:设置View进入屏幕时候使用的动画.该方法有两个重载方法,即可以直接传入Animation对象,也可以传入定义的Animation文件的resourceID. setOut

  • android配合viewpager实现可滑动的标签栏示例分享

    复制代码 代码如下: package com.example.playtabtest.view; import com.example.playtabtest.R; import android.app.Activity;import android.content.Context;import android.support.v4.view.ViewPager;import android.support.v4.view.ViewPager.OnPageChangeListener;impor

  • Android App中使用ViewPager+Fragment实现滑动切换效果

    在android应用中,多屏滑动是一种很常见的风格,没有采用viewpager的代码实现会很长,如果采用ViewPager,代码就会短很多,但是使用ViewPager也有弊端:需要导入android-support-v4.jar.细节无法控制.不过现在情况已经不一样了,android-support-v4中提供了很多实用的功能,以至于现在新建一个android工程默认都会导入这个jar包.那我们就也采用viewpager来做滑动吧.另外一个概念就是Fragment和FragmentActivit

  • Android中实现监听ScrollView滑动事件

    时候我们需要监听ScroView的滑动情况,比如滑动了多少距离,是否滑到布局的顶部或者底部.可惜的是SDK并没有相应的方法,不过倒是提供了一个 复制代码 代码如下: protected void onScrollChanged(int x, int y, int oldx, int oldy) 方法,显然这个方法是不能被外界调用的,因此就需要把它暴露出去,方便使用.解决方式就是写一个接口, 复制代码 代码如下: package com.example.demo1;    public inter

  • Android ViewPager无限循环实现底部小圆点动态滑动

    页面拖动到最后一页 再向下滑动回复到 第一页,第一页向前滑动回到 最后一页 同时,底部红色小圆点随着页面的滑动距离比例随时改变位置 布局: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas

随机推荐