Android中怎么利用ScrollView實現頂部下拉和底部上拉回彈效果
這期內容當中小編將會給大家?guī)碛嘘PAndroid中怎么利用ScrollView實現頂部下拉和底部上拉回彈效果，文章內容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供懷來網站建設、懷來做網站、懷來網站設計、懷來網站制作等企業(yè)網站建設、網頁設計與制作、懷來企業(yè)網站模板建站服務，十載懷來做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。
根據Android的View事件分發(fā)處理機制，下面對dispatchTouchEvent進行詳細分析：
在加載布局完成之后，獲取ScrollView的第一個子元素，保存它的參數，left top right bottom參數，根據頂部下拉操作和底部上拉操作進行子View的布局參數根據滑動距離改變，ACTION_UP的時候判斷是否存在回彈，如果需要則進行動畫回彈到原來的位置，可以添加一個回彈結束監(jiān)聽，比如監(jiān)聽回彈處理跳轉到其他的頁面的操作等。
具體的實現如下，添加了是否禁用頂部和底部回彈的參數設置，以及回彈效果結束監(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參數，同樣設置回彈結束（或開始）監(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中怎么利用ScrollView實現頂部下拉和底部上拉回彈效果了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網頁題目：Android中怎么利用ScrollView實現頂部下拉和底部上拉回彈效果
網頁URL：http://muchs.cn/article6/ihgiog.html
成都網站建設公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網站、網站維護、小程序開發(fā)、App設計、網站制作、網站營銷
聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
- 一個完整人性化后臺多角色網站系統(tǒng)權限解決方案需要考慮的問題 2023-03-04
- 成都企業(yè)網站建設的解決方案 2017-10-26
- 英文類網站建設常見問總結題及解決方案 2022-06-20
- 醫(yī)療、醫(yī)院網站建設解決方案 2022-05-25
- 成都網頁開發(fā)語言：移動網站設計中的八色匹配解決方案 2022-12-13
- 酒店行業(yè)網站解決方案 2021-04-19
- 網站建設服務器被攻擊快速解決方案 2013-09-24
- 百度索引量下降原因及解決方案 2014-03-16
- 政府網站分析及網站建設解決方案 2023-02-21
- 成都外貿網站建設常見的問題及解決方案 2017-10-13
- 智能手環(huán)網站分析及網站建設解決方案 2022-07-09
- 珠寶高端奢侈品網站建設解決方案 2014-03-10