Android自定义实现可回弹的ScollView

前言

  • 仿IOS回弹效果
  • 为了增强用户体验,自定义一个可回弹的ScrollView是一个不错的选择,而且这种效果还是很简单的

把原来的ScollView标签替换一下就好了

<?xml version="1.0" encoding="utf-8"?>
<com.mycompany.myapp.MyScrollView
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_height="match_parent"
   android:layout_width="match_parent"
   android:fillViewport="true">

   <LinearLayout
      android:layout_height="match_parent"
      android:layout_width="match_parent"
      android:gravity="center"
      android:background="#FFABE346"
      android:elevation="1dp">

      <TextView
         android:layout_height="wrap_content"
         android:layout_width="wrap_content"
         android:text="可回弹的Scollview"/>

   </LinearLayout>

</com.mycompany.myapp.MyScrollView>
public class MyScrollView extends ScrollView
{
   private View convertView;
   private Rect originalRect=new Rect();
   private int startY,offsetY;

   public MyScrollView(Context context)
   {
      super(context);
   }
   public MyScrollView(Context context, AttributeSet attrs)
   {
      super(context, attrs);
   }
   public MyScrollView(Context context, AttributeSet attrs, int defStyleAttr)
   {
      super(context, attrs, defStyleAttr);
   }

   @Override
   protected void onFinishInflate()
   {
      super.onFinishInflate();
      //获取子视图
      convertView = getChildAt(0);
   }

   @Override
   protected void onLayout(boolean changed, int l, int t, int r, int b)
   {
      super.onLayout(changed, l, t, r, b);
      //记录原来的位置
      originalRect.set(l,t,r,b);
   }
   
   
   @Override
   public boolean dispatchTouchEvent(MotionEvent ev)
   {
      switch (ev.getAction())
      {
         case MotionEvent.ACTION_DOWN:
            {
               //记录第一次的手指触摸位置
               startY = (int) ev.getY();
            }
            break;
         case MotionEvent.ACTION_MOVE:
            {
               //记录拖动时的手指触摸位置
               offsetY = ((int) ev.getY()) - startY;
               //让子视图跟随手指拖动
               convertView.layout(originalRect.left,originalRect.top+(int)(offsetY*0.5f)
                              ,originalRect.right,originalRect.bottom+(int)(offsetY*0.5f));
            }
            break;
         case MotionEvent.ACTION_UP:
            {
               //回弹动画
               TranslateAnimation offsetAnim=new TranslateAnimation(0,0,convertView.getTop(),originalRect.top);
               offsetAnim.setDuration(200);
               convertView.startAnimation(offsetAnim);
               //让子视图回到原来的位置
               convertView.layout(originalRect.left,originalRect.top,originalRect.right,originalRect.bottom);
            }
      }
      return super.dispatchTouchEvent(ev);
   }
}

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

(0)

相关推荐

  • Android实现回弹ScrollView的原理

    本文实例为大家分享了Android实现回弹ScrollView的原理,供大家参考,具体内容如下 回弹的ScrollView 网上看到的通常是ElasticScrollView,有一个Bug:点击子控件滑动时,滑动无效,所以针对此问题,我对ElasticScrollView做了改进. 原理图 代码 我在注释中做了详细的说明 import android.content.Context; import android.graphics.Rect; import android.util.Attrib

  • Android实现橡皮筋回弹和平移缩放效果

    本文实例为大家分享了Android实现橡皮筋回弹和平移缩放的具体代码,供大家参考,具体内容如下 前言 由于最近在做一个view的平移缩放功能以及橡皮筋效果,不过网上查到的大多数都是分开实现的,所以我这里把这两种功能整合到了一起 代码实现 这里我写把效果分开来写,最后再合并 平移.缩放 mLayout.java import android.content.Context; import android.util.AttributeSet; import android.view.MotionEv

  • android ScrollView实现水平滑动回弹

    本文实例为大家分享了android ScrollView实现水平滑动回弹的具体代码,供大家参考,具体内容如下 在研究了View的一些属性之后做了个Scroll的水平滑动回弹. 效果图: 主要代码: import android.content.Context; import android.graphics.Rect; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.Vi

  • Android ScrollView实现滚动超过边界松手回弹

    ScrollView滚动超过边界,松手回弹 Android原生的ScrollView滑动到边界之后,就不能再滑动了,感觉很生硬.不及再多滑动一段距离,松手后回弹这种效果顺滑一些. 先查看下滚动里面代码的处理 case MotionEvent.ACTION_MOVE:   final int activePointerIndex = ev.findPointerIndex(mActivePointerId);   if (activePointerIndex == -1) {          

  • Android基于reclyview实现列表回弹动画效果

    reclyview实现列表回弹动画效果,供大家参考,具体内容如下 1.reclyview列表布局文件 <com.example.demo1.ReboundLayout         android:id="@+id/view"         android:layout_width="match_parent"         android:layout_height="match_parent"         android:ba

  • android自定义滚动上下回弹scollView

    本文实例为大家分享了android自定义滚动上下回弹scollView的具体代码,供大家参考,具体内容如下 这是一个自定义view,在xml布局中用这个view嵌套要使之可以上下回弹的view 就能实现布局可以滚动上下回弹了,自定义view代码如下: package com.loopfire.meitaotao.view.scrollView;   import android.content.Context; import android.graphics.Rect; import andro

  • Android自定义View实现竖向滑动回弹效果

    本文实例为大家分享了Android自定义View实现滑动回弹的具体代码,供大家参考,具体内容如下 前言 Android 页面滑动的时候的回弹效果 一.关键代码 public class UniversalBounceView extends FrameLayout implements IPull {       private static final String TAG = "UniversalBounceView";     //default.     private sta

  • Android实现背景图滑动变大松开回弹效果

    本文实例为大家分享了Android实现背景图滑动变大松开回弹的具体代码,供大家参考,具体内容如下 原图 放大后 1.自定义view继承ScrollView实现效果 public class HeadZoomScrollView extends ScrollView {     private View mZoomView;     private int mZoomViewWidth;     private int mZoomViewHeight;     private float firs

  • android实现可上下回弹的scrollview

    在ios手机上经常看到页面上下滑动回弹效果,安卓中没有原生控件支持,这里自己就去自定义一个scrollview实现回弹效果 1. 新建MyScrollView并继承ScrollView,可以通过事件分发机制拦截并处理滑动事件 2. 重写事件分发拦截事件onInterceptTouchEvent方法,计算是否需要拦截事件 //拦截:实现父视图对子视图的拦截 //是否拦截成功,取决于方法的返回值.返回值true:拦截成功.反之,拦截失败 private int lastY;//上一次y轴方向操作的坐

  • Android ScrollView的顶部下拉和底部上拉回弹效果

    要实现ScrollView的回弹效果,需要对其进行触摸事件处理.先来看一下简单的效果: 根据Android的View事件分发处理机制,下面对dispatchTouchEvent进行详细分析: 在加载布局完成之后,获取ScrollView的第一个子元素,保存它的参数,left top right bottom参数,根据顶部下拉操作和底部上拉操作进行子View的布局参数根据滑动距离改变,ACTION_UP的时候判断是否存在回弹,如果需要则进行动画回弹到原来的位置,可以添加一个回弹结束监听,比如监听回

随机推荐