溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Android自定義控件仿ios下拉回彈效果

發(fā)布時(shí)間:2020-09-09 03:45:43 來(lái)源:腳本之家 閱讀:240 作者:十案圈圈 欄目:移動(dòng)開(kāi)發(fā)

網(wǎng)上有很多類似的文章,大多數(shù)還是繼承l(wèi)istview來(lái)實(shí)現(xiàn)(主要是listview.addHeaderView()和listview.addFooterView在listview的首尾添加view,也可以用上面的兩個(gè)listview自帶函數(shù)實(shí)現(xiàn)下拉刷新的功能,在這里不準(zhǔn)備介紹,有興趣的朋友可以去自己試試)。

在本文主要是給android的線性布局(相對(duì)布局、幀布局)加上下拉或者上拉回彈得效果。在ios中我們經(jīng)常能看到,在一個(gè)頁(yè)面中即使是只有一個(gè)控件,這一個(gè)控件只占整個(gè)頁(yè)面的1/10不到,但是當(dāng)我們下拉整個(gè)頁(yè)面的時(shí)候還是會(huì)有回彈的效果(在這里我們暫不考慮這樣的頁(yè)面是否美觀,只是就怎么實(shí)現(xiàn)進(jìn)行分析),顯然在android中我們不會(huì)為了實(shí)現(xiàn)這個(gè)只有一個(gè)item(而且不會(huì)變多)的頁(yè)面而去用listview(listview的使用還是相對(duì)比較繁瑣),我們會(huì)直接使用線性布局或者相對(duì)布局這些簡(jiǎn)易一些的viewgroup來(lái)實(shí)現(xiàn)。所以在這里我也為線性布局加上了下拉或者上拉回彈得效果。

實(shí)現(xiàn)流程:

1.新建一個(gè)類繼承LinearLayout

2.在構(gòu)造方法中實(shí)例化Scroller(用于滑動(dòng)),GestureDetector(網(wǎng)上有很多實(shí)現(xiàn)方法是復(fù)寫(xiě)onTouchEvent方法,把onTouchEvent方法寫(xiě)的很長(zhǎng),我不太喜歡這種方式,也推薦大家多用手勢(shì),很好用哦);

3.覆寫(xiě)computeScroll(),onTouchEvent(MotionEvent event)(在這里把觸摸屏幕的處理交給GestureDetector)
4.在computeScroll()里面完成實(shí)際的滾動(dòng)

在開(kāi)始具體的實(shí)現(xiàn)之前,先得介紹幾個(gè)要用到的比較重要的函數(shù)

mScroller.getCurrX() //獲取mScroller當(dāng)前水平滾動(dòng)的位置
mScroller.getCurrY() //獲取mScroller當(dāng)前豎直滾動(dòng)的位置
mScroller.getFinalX() //獲取mScroller最終停止的水平位置
mScroller.getFinalY() //獲取mScroller最終停止的豎直位置
mScroller.setFinalX(int newX) //設(shè)置mScroller最終停留的水平位置,沒(méi)有動(dòng)畫(huà)效果,直接跳到目標(biāo)位置
mScroller.setFinalY(int newY) //設(shè)置mScroller最終停留的豎直位置,沒(méi)有動(dòng)畫(huà)效果,直接跳到目標(biāo)位置
 
//滾動(dòng),startX, startY為開(kāi)始滾動(dòng)的位置,dx,dy為滾動(dòng)的偏移量, duration為完成滾動(dòng)的時(shí)間
mScroller.startScroll(int startX, int startY, int dx, int dy) //使用默認(rèn)完成時(shí)間250ms
mScroller.startScroll(int startX, int startY, int dx, int dy, int duration)
 
mScroller.computeScrollOffset() //返回值為boolean,true說(shuō)明滾動(dòng)尚未完成,false說(shuō)明滾動(dòng)已經(jīng)完成。這是一個(gè)很重要的方法,通常放在View.computeScroll()中,用來(lái)判斷是否滾動(dòng)是否結(jié)束。

上面的幾個(gè)Scroller的方法,能夠幫助我們實(shí)現(xiàn)滑動(dòng)。

接下來(lái)還要介紹實(shí)現(xiàn)GestureDetector.OnGestureListener

因?yàn)槲覀冊(cè)趏nTouchEvent中沒(méi)有將MotionEvent.ACTION_UP交給GestureDetector,所以GestureDetector.OnGestureListener中的部分方法不會(huì)響應(yīng),還有在GestureDetector.OnGestureListener中要將down事件的返回值設(shè)為true,不然onscroll方法不會(huì)響應(yīng)

接下來(lái)是具體實(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之后沒(méi)有真正移動(dòng),會(huì)自動(dòng)調(diào)用這個(gè)函數(shù)實(shí)現(xiàn)移動(dòng)
 @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 : 
  //手指抬起時(shí)回到最初位置
   prepareScroll(0, 0); 
   break; 
  default: 
   //其余情況交給GestureDetector手勢(shì)處理
   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;
 }
 
 } 
 
 
 //滾動(dòng)到目標(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)測(cè)試1s是不錯(cuò)的 
 } 
 
 
  //設(shè)置滾動(dòng)的相對(duì)偏移 
 protected void beginScroll(int dx, int dy) { 
  mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy); 
  
  //必須執(zhí)行invalidate()從而調(diào)用computeScroll()
  //invalidate();
 //上面一句注釋掉好像也沒(méi)什么影響,暫時(shí)沒(méi)有發(fā)現(xiàn)
 } 
 
  //設(shè)置滾動(dòng)的相對(duì)偏移 
 protected void beginScroll(int dx, int dy,int duration) { 
  mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy,duration); 
  
  //必須執(zhí)行invalidate()從而調(diào)用computeScroll()
  //invalidate();
 //上面一句注釋掉好像也沒(méi)什么影響,暫時(shí)沒(méi)有發(fā)現(xiàn)
 } 
 
 
}

上面實(shí)現(xiàn)了線性布局的下拉回彈效果,相對(duì)布局的實(shí)現(xiàn)和上面一樣,只是繼承的是RelativeLayout。所以抱著不寫(xiě)重復(fù)代碼的準(zhǔn)則,在下一篇我會(huì)做個(gè)優(yōu)化,將線性布局和相對(duì)布局的下拉刷新寫(xiě)到一個(gè)類中,具體的線性布局和相對(duì)布局作為參數(shù)或者其他的形式。當(dāng)然這還只是個(gè)想法,不知道能不能很好的實(shí)現(xiàn)。

項(xiàng)目下載地址:Android自定義控件仿ios下拉回彈效果

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI