Android自定义StickinessView粘性滑动效果_网络技术

Android自定义StickinessView粘性滑动效果

发布时间 - 2026-01-10 23:25:35 点击率：次

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

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

# Android # StickinessView # 粘性滑动 # Android中实现监听ScrollView滑动事件 # android 通过向viewpage中添加listview来完成滑动效果(类似于qq滑动界面) # 解析Android中实现滑动翻页之ViewFlipper的使用详解 # Android利用ViewPager实现滑动广告板实例源码 # Android中实现水平滑动（横向滑动）ListView示例 # android配合viewpager实现可滑动的标签栏示例分享 # Android App中使用ViewPager+Fragment实现滑动切换效果 # Android编程中ViewPage判断左右滑动方向的方法 # Android ViewPager无限循环实现底部小圆点动态滑动 # Android中RecyclerView实现横向滑动代码 # 好了 # 知道了 # 我是 # 我就 # 偏移量 # 不可能 # 也就 # 在此 # 就不 # 什么时候 # 我一 # 不可以 # 很简单 # 比较好 # 自定义 # 重写 # 第一时间 # 会很 # 会再 # 标志着

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：AI 播客脚本写作工具：提升内容创作效率的终极指南

下一篇：响应式网页设计的重要性及实现方法：青龙建站教程网实例讲解

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：AI 播客脚本写作工具：提升内容创作效率的终极指南

下一篇：响应式网页设计的重要性及实现方法：青龙建站教程网实例讲解