Android ScrollView的頂部下拉和底部上拉回彈效果
更新時間：2018年05月10日 09:38:45 作者：Denluoyia
本篇文章主要介紹了Android ScrollView的頂部下拉和底部上拉回彈效果，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
要實現(xiàn)ScrollView的回彈效果，需要對其進行觸摸事件處理。先來看一下簡單的效果：
根據(jù)Android的View事件分發(fā)處理機制，下面對dispatchTouchEvent進行詳細分析：
在加載布局完成之后，獲取ScrollView的第一個子元素，保存它的參數(shù)，left top right bottom參數(shù)，根據(jù)頂部下拉操作和底部上拉操作進行子View的布局參數(shù)根據(jù)滑動距離改變，ACTION_UP的時候判斷是否存在回彈，如果需要則進行動畫回彈到原來的位置，可以添加一個回彈結束監(jiān)聽，比如監(jiān)聽回彈處理跳轉到其他的頁面的操作等。
具體的實現(xiàn)如下，添加了是否禁用頂部和底部回彈的參數(shù)設置，以及回彈效果結束監(jiān)聽。
/**
* 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); //默認是填充ScrollView 或者再XML布局文件中設置fillViewport屬性
}
/**
* 判斷當前ScrollView是否處于頂部
*/
private boolean isScrollToTop(){
return getScrollY() == 0;
}
/**
* 判斷當前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就可以了。還可以拓展把回彈頂部和底部添加其他的動畫效果（之后再拓展試下）。
<?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>
如果需要禁用回彈，可以直接設置enableTopRebound和enableBottomRebound參數(shù)，同樣設置回彈結束（或開始）監(jiān)聽。
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();
}
});
}
}
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Android基于reclyview實現(xiàn)列表回彈動畫效果
- Android?ScrollView實現(xiàn)滾動超過邊界松手回彈
- android ScrollView實現(xiàn)水平滑動回彈
- Android實現(xiàn)背景圖滑動變大松開回彈效果
- Android實現(xiàn)橡皮筋回彈和平移縮放效果
- Android自定義View實現(xiàn)豎向滑動回彈效果
- android實現(xiàn)可上下回彈的scrollview
- Android實現(xiàn)回彈ScrollView的原理
- Android自定義實現(xiàn)可回彈的ScollView
- android自定義滾動上下回彈scollView
相關文章
Android Studio中快捷鍵實現(xiàn)try catch等功能包含代碼塊的實現(xiàn)方法
這篇文章主要介紹了 Android Studio中快捷鍵實現(xiàn)try catch等功能包含代碼塊的實現(xiàn)方法的相關資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-09-09
這篇文章主要介紹了Android程序啟動時出現(xiàn)黑屏問題的解決方法,分析了黑屏出現(xiàn)的原因及相應的解決方法,需要的朋友可以參考下2016-08-08
Android ScrollView 下嵌套 ListView 或 GridView出現(xiàn)問題解決辦法
這篇文章主要介紹了ScrollView 下嵌套 ListView 或 GridView 會發(fā)列表現(xiàn)數(shù)據(jù)只能顯示一行。因為他們都是滾動結構，兩個滾動條放到一起就會引起沖突，這里提供解決辦法相關資料,需要的朋友可以參考下2017-07-07
本文主要介紹了Android實現(xiàn)圖片拖動效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
Android?studio開發(fā)實現(xiàn)計算器功能
這篇文章主要為大家詳細介紹了Android?studio開發(fā)實現(xiàn)計算器功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
這篇文章主要為大家詳細介紹了Android開發(fā)中線程間通信的相關資料，文中的示例代碼講解詳細，對我們學習Android有一定的幫助，?需要的可以了解一下2022-11-11
Android使用SQLite數(shù)據(jù)庫的簡單實例
這篇文章主要介紹了Android使用SQLite數(shù)據(jù)庫的簡單實例，有需要的朋友可以參考一下2013-12-12
這篇文章主要為大家詳細介紹了android利用service完成計時功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要為大家詳細介紹了android仿直播圓點加載效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
大部分的 Android 開發(fā)者使用的主要語言都是 Kotlin / Java,他們的崩潰棧信息非常清晰,也非常好定位到問題,本文小編給大家介紹了Android如何解讀Native崩潰棧信息,需要的朋友可以參考下2023-11-11