Android ScrollView的頂部下拉和底部上拉回彈效果
要實(shí)現(xiàn)ScrollView的回彈效果,需要對(duì)其進(jìn)行觸摸事件處理。先來(lái)看一下簡(jiǎn)單的效果:
根據(jù)Android的View事件分發(fā)處理機(jī)制,下面對(duì)dispatchTouchEvent進(jìn)行詳細(xì)分析:
在加載布局完成之后,獲取ScrollView的第一個(gè)子元素,保存它的參數(shù),left top right bottom參數(shù),根據(jù)頂部下拉操作和底部上拉操作進(jìn)行子View的布局參數(shù)根據(jù)滑動(dòng)距離改變,ACTION_UP的時(shí)候判斷是否存在回彈,如果需要?jiǎng)t進(jìn)行動(dòng)畫回彈到原來(lái)的位置,可以添加一個(gè)回彈結(jié)束監(jiān)聽(tīng),比如監(jiān)聽(tīng)回彈處理跳轉(zhuǎn)到其他的頁(yè)面的操作等。
具體的實(shí)現(xiàn)如下,添加了是否禁用頂部和底部回彈的參數(shù)設(shè)置,以及回彈效果結(jié)束監(jiān)聽(tīng)。
/** * A Simple Rebound ScrollView * @author Denluoyia */ public class ReboundScrollView extends ScrollView{ private boolean mEnableTopRebound = true; private boolean mEnableBottomRebound = true; private OnReboundEndListener mOnReboundEndListener; private View mContentView; private Rect mRect = new Rect(); public ReboundScrollView(Context context) { super(context); } public ReboundScrollView(Context context, AttributeSet attrs) { super(context, attrs); } public ReboundScrollView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } /** after inflating view, we can get the width and height of view */ @Override protected void onFinishInflate() { super.onFinishInflate(); mContentView = getChildAt(0); } @Override protected void onLayout(boolean changed, int l, int t, int r, int b) { super.onLayout(changed, l, t, r, b); if (mContentView == null) return; // to remember the location of mContentView mRect.set(mContentView.getLeft(), mContentView.getTop(), mContentView.getRight(), mContentView.getBottom()); } public ReboundScrollView setOnReboundEndListener(OnReboundEndListener onReboundEndListener){ this.mOnReboundEndListener = onReboundEndListener; return this; } public ReboundScrollView setEnableTopRebound(boolean enableTopRebound){ this.mEnableTopRebound = enableTopRebound; return this; } public ReboundScrollView setEnableBottomRebound(boolean mEnableBottomRebound){ this.mEnableBottomRebound = mEnableBottomRebound; return this; } private int lastY; private boolean rebound = false; private int reboundDirection = 0; //<0 表示下部回彈 >0 表示上部回彈 0表示不回彈 @Override public boolean dispatchTouchEvent(MotionEvent ev) { if (mContentView == null){ return super.dispatchTouchEvent(ev); } switch (ev.getAction()){ case MotionEvent.ACTION_DOWN: lastY = (int) ev.getY(); break; case MotionEvent.ACTION_MOVE: if (!isScrollToTop() && !isScrollToBottom()){ lastY = (int) ev.getY(); break; } //處于頂部或者底部 int deltaY = (int) (ev.getY() - lastY); //deltaY > 0 下拉 deltaY < 0 上拉 //disable top or bottom rebound if ((!mEnableTopRebound && deltaY > 0) || (!mEnableBottomRebound && deltaY < 0)){ break; } int offset = (int) (deltaY * 0.48); mContentView.layout(mRect.left, mRect.top + offset, mRect.right, mRect.bottom + offset); rebound = true; break; case MotionEvent.ACTION_UP: if (!rebound) break; reboundDirection = mContentView.getTop() - mRect.top; TranslateAnimation animation = new TranslateAnimation(0, 0, mContentView.getTop(), mRect.top); animation.setDuration(300); animation.setAnimationListener(new Animation.AnimationListener() { @Override public void onAnimationStart(Animation animation) { } @Override public void onAnimationEnd(Animation animation) { if (mOnReboundEndListener != null){ if (reboundDirection > 0){ mOnReboundEndListener.onReboundTopComplete(); } if (reboundDirection < 0){ mOnReboundEndListener.onReboundBottomComplete(); } reboundDirection = 0; } } @Override public void onAnimationRepeat(Animation animation) { } }); mContentView.startAnimation(animation); mContentView.layout(mRect.left, mRect.top, mRect.right, mRect.bottom); rebound = false; break; } return super.dispatchTouchEvent(ev); } @Override public void setFillViewport(boolean fillViewport) { super.setFillViewport(true); //默認(rèn)是填充ScrollView 或者再XML布局文件中設(shè)置fillViewport屬性 } /** * 判斷當(dāng)前ScrollView是否處于頂部 */ private boolean isScrollToTop(){ return getScrollY() == 0; } /** * 判斷當(dāng)前ScrollView是否已滑到底部 */ private boolean isScrollToBottom(){ return mContentView.getHeight() <= getHeight() + getScrollY(); } /** * listener for top and bottom rebound * do your implement in the following methods */ public interface OnReboundEndListener{ void onReboundTopComplete(); void onReboundBottomComplete(); } }
使用:
直接在XML布局文件中把ScrollView替換成ReboundScrollView就可以了。還可以拓展把回彈頂部和底部添加其他的動(dòng)畫效果(之后再拓展試下)。
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".TestActivity"> <com.denluoyia.dtils.widget.ReboundScrollView android:id="@+id/reboundScrollView" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="#eefade" android:padding="16dp"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:textSize="15sp" android:lineSpacingExtra="5dp" android:text="@string/content"/> </LinearLayout> </com.denluoyia.dtils.widget.ReboundScrollView> </LinearLayout>
如果需要禁用回彈,可以直接設(shè)置enableTopRebound和enableBottomRebound參數(shù),同樣設(shè)置回彈結(jié)束(或開(kāi)始)監(jiān)聽(tīng)。
public class TestActivity extends AppCompatActivity { private ReboundScrollView reboundScrollView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_test); reboundScrollView = findViewById(R.id.reboundScrollView); //reboundScrollView.setEnableTopRebound(false); //reboundScrollView.setEnableBottomRebound(false); reboundScrollView.setOnReboundEndListener(new ReboundScrollView.OnReboundEndListener() { @Override public void onReboundTopComplete() { Toast.makeText(TestActivity.this, "頂部回彈", Toast.LENGTH_SHORT).show(); } @Override public void onReboundBottomComplete() { Toast.makeText(TestActivity.this, "底部回彈", Toast.LENGTH_SHORT).show(); } }); } }
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android基于reclyview實(shí)現(xiàn)列表回彈動(dòng)畫效果
- Android?ScrollView實(shí)現(xiàn)滾動(dòng)超過(guò)邊界松手回彈
- android ScrollView實(shí)現(xiàn)水平滑動(dòng)回彈
- Android實(shí)現(xiàn)背景圖滑動(dòng)變大松開(kāi)回彈效果
- Android實(shí)現(xiàn)橡皮筋回彈和平移縮放效果
- Android自定義View實(shí)現(xiàn)豎向滑動(dòng)回彈效果
- android實(shí)現(xiàn)可上下回彈的scrollview
- Android實(shí)現(xiàn)回彈ScrollView的原理
- Android自定義實(shí)現(xiàn)可回彈的ScollView
- android自定義滾動(dòng)上下回彈scollView
相關(guān)文章
Android Studio中快捷鍵實(shí)現(xiàn)try catch等功能包含代碼塊的實(shí)現(xiàn)方法
這篇文章主要介紹了 Android Studio中快捷鍵實(shí)現(xiàn)try catch等功能包含代碼塊的實(shí)現(xiàn)方法的相關(guān)資料,希望通過(guò)本文能幫助到大家,需要的朋友可以參考下2017-09-09Android程序啟動(dòng)時(shí)出現(xiàn)黑屏問(wèn)題的解決方法
這篇文章主要介紹了Android程序啟動(dòng)時(shí)出現(xiàn)黑屏問(wèn)題的解決方法,分析了黑屏出現(xiàn)的原因及相應(yīng)的解決方法,需要的朋友可以參考下2016-08-08Android ScrollView 下嵌套 ListView 或 GridView出現(xiàn)問(wèn)題解決辦法
這篇文章主要介紹了ScrollView 下嵌套 ListView 或 GridView 會(huì)發(fā)列表現(xiàn)數(shù)據(jù)只能顯示一行。因?yàn)樗麄兌际菨L動(dòng)結(jié)構(gòu),兩個(gè)滾動(dòng)條放到一起就會(huì)引起沖突,這里提供解決辦法相關(guān)資料,需要的朋友可以參考下2017-07-07Android實(shí)現(xiàn)圖片拖動(dòng)效果
本文主要介紹了Android實(shí)現(xiàn)圖片拖動(dòng)效果的實(shí)例,具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03Android?studio開(kāi)發(fā)實(shí)現(xiàn)計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了Android?studio開(kāi)發(fā)實(shí)現(xiàn)計(jì)算器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05Android使用SQLite數(shù)據(jù)庫(kù)的簡(jiǎn)單實(shí)例
這篇文章主要介紹了Android使用SQLite數(shù)據(jù)庫(kù)的簡(jiǎn)單實(shí)例,有需要的朋友可以參考一下2013-12-12android利用service完成計(jì)時(shí)功能
這篇文章主要為大家詳細(xì)介紹了android利用service完成計(jì)時(shí)功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05