首頁 > 軟體

Android自定義實現可回彈的ScollView

2022-04-18 19:01:18

前言

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

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援it145.com。


IT145.com E-mail:sddin#qq.com