Android 自定义可回弹的ScollView

最新推荐文章于 2023-08-01 17:20:20 发布

原创最新推荐文章于 2023-08-01 17:20:20 发布 · 610 阅读

3 ·

CC 4.0 BY-SA版权

组件专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何为Android应用实现仿iOS的回弹效果，通过自定义一个可回弹的ScrollView来提升用户体验，操作简单，只需替换原有ScrollView标签。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

仿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);
   }
}