Android自定義控件仿ios下拉回彈效果
網(wǎng)上有很多類似的文章,大多數(shù)還是繼承l(wèi)istview來實(shí)現(xiàn)(主要是listview.addHeaderView()和listview.addFooterView在listview的首尾添加view,也可以用上面的兩個listview自帶函數(shù)實(shí)現(xiàn)下拉刷新的功能,在這里不準(zhǔn)備介紹,有興趣的朋友可以去自己試試)。
在本文主要是給android的線性布局(相對布局、幀布局)加上下拉或者上拉回彈得效果。在ios中我們經(jīng)常能看到,在一個頁面中即使是只有一個控件,這一個控件只占整個頁面的1/10不到,但是當(dāng)我們下拉整個頁面的時候還是會有回彈的效果(在這里我們暫不考慮這樣的頁面是否美觀,只是就怎么實(shí)現(xiàn)進(jìn)行分析),顯然在android中我們不會為了實(shí)現(xiàn)這個只有一個item(而且不會變多)的頁面而去用listview(listview的使用還是相對比較繁瑣),我們會直接使用線性布局或者相對布局這些簡易一些的viewgroup來實(shí)現(xiàn)。所以在這里我也為線性布局加上了下拉或者上拉回彈得效果。
實(shí)現(xiàn)流程:
1.新建一個類繼承LinearLayout
2.在構(gòu)造方法中實(shí)例化Scroller(用于滑動),GestureDetector(網(wǎng)上有很多實(shí)現(xiàn)方法是復(fù)寫onTouchEvent方法,把onTouchEvent方法寫的很長,我不太喜歡這種方式,也推薦大家多用手勢,很好用哦);
3.覆寫computeScroll(),onTouchEvent(MotionEvent event)(在這里把觸摸屏幕的處理交給GestureDetector)
4.在computeScroll()里面完成實(shí)際的滾動
在開始具體的實(shí)現(xiàn)之前,先得介紹幾個要用到的比較重要的函數(shù)
mScroller.getCurrX() //獲取mScroller當(dāng)前水平滾動的位置 mScroller.getCurrY() //獲取mScroller當(dāng)前豎直滾動的位置 mScroller.getFinalX() //獲取mScroller最終停止的水平位置 mScroller.getFinalY() //獲取mScroller最終停止的豎直位置 mScroller.setFinalX(int newX) //設(shè)置mScroller最終停留的水平位置,沒有動畫效果,直接跳到目標(biāo)位置 mScroller.setFinalY(int newY) //設(shè)置mScroller最終停留的豎直位置,沒有動畫效果,直接跳到目標(biāo)位置 //滾動,startX, startY為開始滾動的位置,dx,dy為滾動的偏移量, duration為完成滾動的時間 mScroller.startScroll(int startX, int startY, int dx, int dy) //使用默認(rèn)完成時間250ms mScroller.startScroll(int startX, int startY, int dx, int dy, int duration) mScroller.computeScrollOffset() //返回值為boolean,true說明滾動尚未完成,false說明滾動已經(jīng)完成。這是一個很重要的方法,通常放在View.computeScroll()中,用來判斷是否滾動是否結(jié)束。
上面的幾個Scroller的方法,能夠幫助我們實(shí)現(xiàn)滑動。
接下來還要介紹實(shí)現(xiàn)GestureDetector.OnGestureListener
因為我們在onTouchEvent中沒有將MotionEvent.ACTION_UP交給GestureDetector,所以GestureDetector.OnGestureListener中的部分方法不會響應(yīng),還有在GestureDetector.OnGestureListener中要將down事件的返回值設(shè)為true,不然onscroll方法不會響應(yīng)
接下來是具體實(shí)現(xiàn):
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之后沒有真正移動,會自動調(diào)用這個函數(shù)實(shí)現(xiàn)移動
@Override
public void computeScroll() {
if (mScroller.computeScrollOffset()) {
scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
//必須執(zhí)行postInvalidate()從而調(diào)用computeScroll()
//其實(shí),在此調(diào)用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;
}
}
//滾動到目標(biāo)位置
protected void prepareScroll(int fx, int fy) {
int dx = fx - mScroller.getFinalX();
int dy = fy - mScroller.getFinalY();
beginScroll(dx, dy,1000); //經(jīng)測試1s是不錯的
}
//設(shè)置滾動的相對偏移
protected void beginScroll(int dx, int dy) {
mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy);
//必須執(zhí)行invalidate()從而調(diào)用computeScroll()
//invalidate();
//上面一句注釋掉好像也沒什么影響,暫時沒有發(fā)現(xiàn)
}
//設(shè)置滾動的相對偏移
protected void beginScroll(int dx, int dy,int duration) {
mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy,duration);
//必須執(zhí)行invalidate()從而調(diào)用computeScroll()
//invalidate();
//上面一句注釋掉好像也沒什么影響,暫時沒有發(fā)現(xiàn)
}
}
上面實(shí)現(xiàn)了線性布局的下拉回彈效果,相對布局的實(shí)現(xiàn)和上面一樣,只是繼承的是RelativeLayout。所以抱著不寫重復(fù)代碼的準(zhǔn)則,在下一篇我會做個優(yōu)化,將線性布局和相對布局的下拉刷新寫到一個類中,具體的線性布局和相對布局作為參數(shù)或者其他的形式。當(dāng)然這還只是個想法,不知道能不能很好的實(shí)現(xiàn)。
項目下載地址:Android自定義控件仿ios下拉回彈效果
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android ScrollView的頂部下拉和底部上拉回彈效果
- Android RecyclerView上拉加載更多功能回彈實(shí)現(xiàn)代碼
- android仿QQ個人主頁下拉回彈效果
- Android界面上拉下拉的回彈效果實(shí)例代碼
- Android ReboundScrollView仿IOS拖拽回彈效果
- Android仿IOS回彈效果 支持任何控件
- Android ScrollView實(shí)現(xiàn)橫向和豎向拖動回彈效果
- Android自定義ScrollView實(shí)現(xiàn)放大回彈效果
- Android編程ViewPager回彈效果實(shí)例分析
- Android基于reclyview實(shí)現(xiàn)列表回彈動畫效果
相關(guān)文章
分析CmProcess跨進(jìn)程通信的實(shí)現(xiàn)
CmProcess是Android一個跨進(jìn)程通信框架,無需進(jìn)行bindService()操作,不用定義Service,也不需要定義aidl。 支持IPC級的 Callback,并且支持跨進(jìn)程的事件總線,可同步獲取服務(wù),采用面向接口方式進(jìn)行服務(wù)注冊與調(diào)用,服務(wù)調(diào)用方和使用者完全解耦2021-06-06
Android實(shí)現(xiàn)圖片一邊的三角形邊框效果
這篇文章主要介紹了Android實(shí)現(xiàn)圖片一邊的三角形邊框效果,本文圖文并茂通過實(shí)例代碼講解的非常詳細(xì),需要的朋友可以參考下2019-12-12
使用Broadcast實(shí)現(xiàn)Android組件間的通信
這篇文章主要為大家詳細(xì)介紹了使用Broadcast實(shí)現(xiàn)Android組件間的通信,感興趣的小伙伴們可以參考一下2016-06-06
Android如何優(yōu)雅的處理重復(fù)點(diǎn)擊
這篇文章主要介紹了Android如何優(yōu)雅的處理重復(fù)點(diǎn)擊,幫助大家更好的理解和學(xué)習(xí)使用Android開發(fā),感興趣的朋友可以了解下2021-03-03
Android利用ContentProvider獲取聯(lián)系人信息
這篇文章主要為大家詳細(xì)介紹了Android利用ContentProvider獲取聯(lián)系人信息,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-11-11
Flutter實(shí)現(xiàn)彈窗攔截器的示例代碼
彈窗的排隊執(zhí)行在App中是一個很常見的應(yīng)用場景,這篇文章為大家介紹了兩個Flutter實(shí)現(xiàn)彈窗攔截器的示例代碼,感興趣的小伙伴可以學(xué)習(xí)一下2023-09-09
Android實(shí)現(xiàn)延遲的幾種方法小結(jié)
這篇文章主要介紹了Android實(shí)現(xiàn)延遲的幾種方法,結(jié)合實(shí)例總結(jié)了Android實(shí)現(xiàn)延遲的幾種常見技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-02-02
flutter?Bloc?add兩次只響應(yīng)一次問題解析
這篇文章主要為大家介紹了flutter?Bloc?add兩次只響應(yīng)一次問題解析記錄,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11

