欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android scrollToTop實現(xiàn)點擊回到頂部（兼容PullTorefreshScrollview）

 更新時間：2017年03月08日 10:25:35   投稿：daisy  
當(dāng)頁面滑動到底部，出現(xiàn)回到頂部的按鈕相信對大家來說并不陌生，下面這篇文章主要介紹了關(guān)于Android scrollToTop實現(xiàn)點擊回到頂部，并兼容PullTorefreshScrollview的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒。

前言

最近因為項目組需求，特研究了一下“回到頂部”效果，即：頁面里有scrollview，內(nèi)容很多，當(dāng)滑動到頁面下面或者更深時，需要回到頂部，即可點擊出現(xiàn)的按鈕，省得回滑N久。我沒有搜，或許網(wǎng)上有很多這樣的例子，此文寫的不好的地方，望指點。

效果圖如下

實現(xiàn)方法

初一看是不是覺得很簡答？沒錯，當(dāng)時我也是這樣想的頁面內(nèi)容很長，就弄個scrollview，回到頂部按鈕需要固定在右下角，故大概的布局代碼：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 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" 
 tools:context="com.znke.pulltorefresh_top.MainActivity"> 
 
 <!--<com.znke.pulltorefresh_top.tool.ToTopScrollView .../>--> 
 <ScrollView 
  android:id="@+id/scrollView" 
  android:layout_width="match_parent" 
  android:layout_height="wrap_content" 
  android:layout_below="@+id/tv_top" 
  android:scrollbars="none"> 
 
  <LinearLayout 
   android:layout_width="match_parent" 
   android:layout_height="wrap_content" 
   android:orientation="vertical"> 
 
   <TextView 
    android:layout_width="match_parent" 
    android:layout_height="50dp" 
    android:gravity="center" 
    android:text="111111111111" 
    android:textSize="20sp" /> 
 
   ........... 
 
   <View 
    android:layout_width="match_parent" 
    android:layout_height="2dp" 
    android:background="#AAAAAA" /> 
 
   <TextView 
    android:layout_width="match_parent" 
    android:layout_height="80dp" 
    android:gravity="center" 
    android:text="12000000000000" 
    android:textSize="20sp" /> 
  </LinearLayout> 
 </ScrollView> 
 
 <com.znke.pulltorefresh_top.tool.ToTopImageView 
  android:id="@+id/imageView_to_top" 
  android:layout_width="50dp" 
  android:layout_height="50dp" 
  android:layout_alignParentBottom="true" 
  android:layout_alignParentRight="true" 
  android:layout_marginBottom="5dp" 
  android:layout_marginRight="5dp" 
  android:background="@drawable/to_top" /> 
</RelativeLayout>

然后在activity中設(shè)置下面事件不就完了嘛！?。?/p> 

mScrollView.setOnScrollChangeListener();

很遺憾，報錯。alt+enter搞定錯誤不就完了嘛！很遺憾，運行繼續(xù)報錯，報空指針，神奇吧，找不出來。翻閱資料后發(fā)現(xiàn)，scrollview的onScrollChanged方法是受保護(hù)的。故按照網(wǎng)上的資料，自定義ScrollView類，暴露出onScrollChanged方法：

public class ToTopScrollView extends ScrollView { 
 private OnMyScrollListener onMyScrollListener; 
 
 public void setOnMyScrollListener(OnMyScrollListener onMyScrollListener) { 
  this.onMyScrollListener = onMyScrollListener; 
 } 
 
 ... 
 
 @Override 
 protected void onScrollChanged(int l, int t, int oldl, int oldt) { 
  super.onScrollChanged(l, t, oldl, oldt); 
  if(onMyScrollListener != null) 
   onMyScrollListener.onScrollChanged(l,t,oldl,oldt); 
 } 
 
 public interface OnMyScrollListener{ 
  void onScrollChanged(int x, int y, int oldx, int oldy); 
 } 
}

然后在activity中設(shè)置setOnMyScrollListener（）方法，就可以監(jiān)控scrollview的狀態(tài)了。剩下的就是自定義imageview的邏輯了。

可是，自定義ToTopImageView里面怎么弄呢？它需要有一個高度臨界值，與activity傳遞scrollview的scrollY值比較，來判定ToTopImageView是否顯示。代碼簡單，搞定。

只是這樣有個小問題，onScrollChanged方法是監(jiān)控滾動狀態(tài)的，沒有說停止。如果在里面判斷超過臨界值就顯示與隱藏imageview，那么會一直設(shè)置imageview。這樣肯定不是最佳的方法。如果能在滾動停止時再判定是否需要顯示與隱藏imageview就好了。此時我還沒有想太多，動手簡單實現(xiàn)了剛才的分析。

實現(xiàn)后，感覺挺爽。然而在準(zhǔn)備加到項目中時發(fā)現(xiàn)，我們項目用了PullToRefresh刷新代碼庫，也簡單，把自定義的Scrollview替換就可以了。運行，糟糕，沒有效果，然后調(diào)試，事件沒有處罰，可能是PullToRefresh庫把事件屏蔽了，咋辦？找onTouchListener監(jiān)聽方法唄。

于是改用了測試：

mScrollView.setOnTouchListener()

我去，沒有調(diào)傭，把pullToRefreshScrollView里面各種監(jiān)聽方法都試遍了，沒用。他只提供了頂部和底部的上拉、下拉刷新監(jiān)聽，毛用。

于是查看其源碼，發(fā)現(xiàn)把事件攔截了。而且pullToRefreshScrollView根本就不是scrollview，看源碼：

  @Override 
protected ScrollView createRefreshableView(Context context, AttributeSet attrs) { 
 ScrollView scrollView; 
 if (VERSION.SDK_INT >= VERSION_CODES.GINGERBREAD) { 
  scrollView = new InternalScrollViewSDK9(context, attrs); 
 } else { 
  scrollView = new ScrollView(context, attrs); 
 } 
 
 scrollView.setId(R.id.scrollview); 
 return scrollView; 
}

他里面提供了一個方法可以或得到Scrollview：

final ScrollView scrollView = mScrollView.getRefreshableView();

回想起了以前項目也這么用過，只是當(dāng)時不明白這句話干啥的，白寫。

然后就用上面這種方法得到scrollview，再設(shè)置onscrollchanged方法監(jiān)聽滑動。運行報錯，同樣無效。于是只能換onTouchListener監(jiān)聽了。

但是這樣問題來了，我們只能監(jiān)聽到手勢，即何時按下、移動和彈起。當(dāng)快速滑動手指彈起后，scrollview還在滾動的，什么時候去拿到它的scrollY值呢？犯愁了。

此時不得不用最開始分析的方法，在自定義imageview里面定義線程，掃描當(dāng)前scrollY和上一次保存的對比，不一樣即說明仍在滾動，一樣即表明scrollview滾動停止了。

什么時候開啟線程呢？在onTouch回調(diào)中down、move或者up時調(diào)用。

試想下：

如果在down中調(diào)用時，用戶只在scrollview上點擊或短距離滑動，imageview里面要不停地開啟線程？浪費資源。

如果在up中調(diào)用時，當(dāng)用戶按著屏幕一口氣滑過臨界值，還不松手呢？還不顯示imageview嗎？也行，個人覺得不太好。
于是，我選擇在move中調(diào)用imageview地線程。有人會想，這樣會不會啟動N多個線程呢？move一直在移動呢?！霸趇amgeview判斷下線程的狀態(tài)即可，如果已經(jīng)啟動了，就不啟動唄”?；蛟S這么寫不太好，但我認(rèn)為是實時的，用戶體驗好。

看代碼：

/** 
  * 獲取待監(jiān)控的view對象 
  * 實時調(diào)起線程，監(jiān)控是否scroll停止，來判斷是否需要顯示imageView 
  * @param targetView 需要監(jiān)控的對象 
  */ 
 public void tellMe(View targetView) { 
  if (targetView == null) 
   throw new IllegalArgumentException("please set targetView who to scrollTo"); 
  if (this.targetView == null) 
   this.targetView = targetView; 
  if (!isStarting) { 
   new Thread(scanThread).start(); 
  } 
 }

此處注意，我偷懶了，沒有單獨設(shè)置方法傳遞需要滾動的scrollview，在此處引進(jìn)來了。線程加了判斷。此處不要傳遞scrollview的scrollY值進(jìn)來。比喻當(dāng)你手指離開屏幕后，之前傳遞進(jìn)來的scrollY就已經(jīng)過時了，scrollview仍在滑動。在消息回調(diào)里面實時獲取再判斷

private class MyCallback implements Runnable { 
  @Override 
  public void run() { 
   /** 
    * 獲取實時的卷動值，不要傳遞scroll值給我 
    */ 
   endScrollX = targetView.getScrollX(); 
   int scrollY = targetView.getScrollY(); 
   if (endScrollY != scrollY) { 
    endScrollY = scrollY; 
   } else { 
    if (endScrollY >= limitHeight) { 
     if (!thisStateVisible) 
      visible(); 
    } else { 
     if (thisStateVisible) 
      gone(); 
    } 
    /** 
     * 已判定，卷動停止，顯示或隱藏當(dāng)前view已完成 
     * 退出監(jiān)控scroll線程 
     */ 
    clearCallBacks(); 
   } 
  } 
 }

由于是用線程來檢測scrollview的滾動狀態(tài)，我用了延時消息。此時又有另外一個潛在bug。在自定義imageview中創(chuàng)建了handler屬于主線程，子線程中需要發(fā)延時消息。如果延時消息發(fā)出后，activity退出了呢？反復(fù)這么弄呢？有人會說沒誰會這么無聊的。但這畢竟還是潛在的OOM。于是我簡單的做了線程控制和消息清除的代碼，過于簡單。感謝評論。

主要思路和邏輯都分析完了，使用起來很簡答，你不用關(guān)心自定義imageview里面的邏輯（除非你想改進(jìn)）。

在activity中

private PullToRefreshScrollView mScrollView; 
 private ToTopImageView imageView_to_top; 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.activity_pull_to_refresh_scroll_view); 
 
  imageView_to_top = (ToTopImageView) findViewById(R.id.imageView_to_top); 
  imageView_to_top.setLimitHeight(800); 
  mScrollView = (PullToRefreshScrollView) findViewById(R.id.scrollView); 
  final ScrollView scrollView = mScrollView.getRefreshableView(); 
  //mScrollView.setOnTouchListener(); 無效 
  scrollView.setOnTouchListener(new View.OnTouchListener() { 
   @Override 
   public boolean onTouch(View v, MotionEvent event) { 
    switch (event.getAction()){ 
     case MotionEvent.ACTION_MOVE: 
      imageView_to_top.tellMe(scrollView); 
      break; 
    } 
    return false; 
   } 
  }); 
 } 
 
 @Override 
 protected void onDestroy() { 
  imageView_to_top.clearCallBacks(); 
  super.onDestroy(); 
 }

頁面上，在你覺得合適的位置：

<com.znke.pulltorefresh_top.tool.ToTopImageView 
  android:id="@+id/imageView_to_top" 
  android:layout_width="50dp" 
  android:layout_height="50dp" 
  android:layout_alignParentBottom="true" 
  android:layout_alignParentRight="true" 
  android:layout_marginBottom="5dp" 
  android:layout_marginRight="5dp" 
  android:background="@drawable/to_top" />

完事。

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對各位Android開發(fā)者們能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

相關(guān)文章

最新評論