您好,登錄后才能下訂單哦!
網上有很多類似的文章,大多數還是繼承listview來實現(主要是listview.addHeaderView()和listview.addFooterView在listview的首尾添加view,也可以用上面的兩個listview自帶函數實現下拉刷新的功能,在這里不準備介紹,有興趣的朋友可以去自己試試)。
在本文主要是給android的線性布局(相對布局、幀布局)加上下拉或者上拉回彈得效果。在ios中我們經常能看到,在一個頁面中即使是只有一個控件,這一個控件只占整個頁面的1/10不到,但是當我們下拉整個頁面的時候還是會有回彈的效果(在這里我們暫不考慮這樣的頁面是否美觀,只是就怎么實現進行分析),顯然在android中我們不會為了實現這個只有一個item(而且不會變多)的頁面而去用listview(listview的使用還是相對比較繁瑣),我們會直接使用線性布局或者相對布局這些簡易一些的viewgroup來實現。所以在這里我也為線性布局加上了下拉或者上拉回彈得效果。
實現流程:
1.新建一個類繼承LinearLayout
2.在構造方法中實例化Scroller(用于滑動),GestureDetector(網上有很多實現方法是復寫onTouchEvent方法,把onTouchEvent方法寫的很長,我不太喜歡這種方式,也推薦大家多用手勢,很好用哦);
3.覆寫computeScroll(),onTouchEvent(MotionEvent event)(在這里把觸摸屏幕的處理交給GestureDetector)
4.在computeScroll()里面完成實際的滾動
在開始具體的實現之前,先得介紹幾個要用到的比較重要的函數
mScroller.getCurrX() //獲取mScroller當前水平滾動的位置 mScroller.getCurrY() //獲取mScroller當前豎直滾動的位置 mScroller.getFinalX() //獲取mScroller最終停止的水平位置 mScroller.getFinalY() //獲取mScroller最終停止的豎直位置 mScroller.setFinalX(int newX) //設置mScroller最終停留的水平位置,沒有動畫效果,直接跳到目標位置 mScroller.setFinalY(int newY) //設置mScroller最終停留的豎直位置,沒有動畫效果,直接跳到目標位置 //滾動,startX, startY為開始滾動的位置,dx,dy為滾動的偏移量, duration為完成滾動的時間 mScroller.startScroll(int startX, int startY, int dx, int dy) //使用默認完成時間250ms mScroller.startScroll(int startX, int startY, int dx, int dy, int duration) mScroller.computeScrollOffset() //返回值為boolean,true說明滾動尚未完成,false說明滾動已經完成。這是一個很重要的方法,通常放在View.computeScroll()中,用來判斷是否滾動是否結束。
上面的幾個Scroller的方法,能夠幫助我們實現滑動。
接下來還要介紹實現GestureDetector.OnGestureListener
因為我們在onTouchEvent中沒有將MotionEvent.ACTION_UP交給GestureDetector,所以GestureDetector.OnGestureListener中的部分方法不會響應,還有在GestureDetector.OnGestureListener中要將down事件的返回值設為true,不然onscroll方法不會響應
接下來是具體實現:
public class SqqLinearLayout extends LinearLayout { private Scroller mScroller; private GestureDetector mGestureDetector; public SqqLinearLayout (Context context) { this(context, null); } public SqqLinearLayout (Context context, AttributeSet attrs) { super(context, attrs); mScroller = new Scroller(context); mGestureDetector = new GestureDetector(context, new GestureListenerImpl()); } //startScroll之后沒有真正移動,會自動調用這個函數實現移動 @Override public void computeScroll() { if (mScroller.computeScrollOffset()) { scrollTo(mScroller.getCurrX(), mScroller.getCurrY()); //必須執行postInvalidate()從而調用computeScroll() //其實,在此調用invalidate();亦可 postInvalidate(); } super.computeScroll(); } @Override public boolean onTouchEvent(MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_UP : //手指抬起時回到最初位置 prepareScroll(0, 0); break; default: //其余情況交給GestureDetector手勢處理 return mGestureDetector.onTouchEvent(event); } return super.onTouchEvent(event); } class GestureListenerImpl implements GestureDetector.OnGestureListener { @Override public boolean onDown(MotionEvent e) { return true; } @Override public void onShowPress(MotionEvent e) { } @Override public boolean onSingleTapUp(MotionEvent e) { return false; } @Override public boolean onScroll(MotionEvent e1, MotionEvent e2,float distanceX, float distanceY) { int disY = (int) ((distanceY - 0.5)*0.65); beginScroll(0, disY); return false; } public void onLongPress(MotionEvent e) { } @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocityY) { return false; } } //滾動到目標位置 protected void prepareScroll(int fx, int fy) { int dx = fx - mScroller.getFinalX(); int dy = fy - mScroller.getFinalY(); beginScroll(dx, dy,1000); //經測試1s是不錯的 } //設置滾動的相對偏移 protected void beginScroll(int dx, int dy) { mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy); //必須執行invalidate()從而調用computeScroll() //invalidate(); //上面一句注釋掉好像也沒什么影響,暫時沒有發現 } //設置滾動的相對偏移 protected void beginScroll(int dx, int dy,int duration) { mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy,duration); //必須執行invalidate()從而調用computeScroll() //invalidate(); //上面一句注釋掉好像也沒什么影響,暫時沒有發現 } }
上面實現了線性布局的下拉回彈效果,相對布局的實現和上面一樣,只是繼承的是RelativeLayout。所以抱著不寫重復代碼的準則,在下一篇我會做個優化,將線性布局和相對布局的下拉刷新寫到一個類中,具體的線性布局和相對布局作為參數或者其他的形式。當然這還只是個想法,不知道能不能很好的實現。
項目下載地址:Android自定義控件仿ios下拉回彈效果
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。