Android自定義控件實現(xiàn)下拉刷新效果
app開發(fā)中下拉刷新是最常接觸到的一個功能,也有很多開源的框架,封裝的非常棒。前段時間了解了一下ViewDragHelper,遂用它實現(xiàn)了下拉刷新的功能。
大概和我之前的ViewDragHelper之拖動加載(類似淘寶)這篇代碼類似。只是做了相關(guān)改動。具體的可以看一下那篇博文了解一下用到的ViewDragHelper的一些知識點。該界面主要是一個LinearLayout,上面的下拉刷新是一個textview(用TV代替),當(dāng)然這個可以定制,在此只是用一個textview代替,實現(xiàn)簡單的功能,下面是一個listview(用LV代替),當(dāng)然listview也是可以定制的,可以使gridview或者其他你想要的都可以,在此也是只用Listview代替。大概的講講吧:
首先,在onLayout中將TV置于屏幕上方,將LV充滿屏幕;
上圖中藍色部分是整個手機的屏幕,紅色部分是下拉提示TV。TV是置于屏幕之外的是不顯示的。
@Override protected void onLayout(boolean changed, int l, int t, int r, int b) { if (pullText.getTop() == 0) { viewHeight = pullText.getMeasuredHeight(); pullText.layout(l, 0, r, b); myList.layout(l, 0, r, b); pullText.offsetTopAndBottom(-viewHeight); } else { pullText.layout(l, pullText.getTop(), r, pullText.getBottom()); myList.layout(l, myList.getTop(), r, myList.getBottom()); } }
上面的代碼段中,pullText即是TV,myList是LV。這樣在下拉LV的時候,TV就會跟著往下走,所以就會出現(xiàn)在屏幕中實現(xiàn)我們想要的效果。
/** * 這是拖拽效果的主要邏輯 */ private class DragHelperCallback extends ViewDragHelper.Callback { @Override public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) { int childIndex = 1; if (changedView == myList) { childIndex = 2; } onViewPosChanged(childIndex, top); } @Override public boolean tryCaptureView(View child, int pointerId) { return true; } @Override public int getViewVerticalDragRange(View child) { return 1; } @Override public void onViewReleased(View releasedChild, float xvel, float yvel) { refreshOrNot(releasedChild, yvel); } @Override public int clampViewPositionVertical(View child, int top, int dy) { int finalTop = top; if (child == pullText) { if (top > 0) { finalTop = 0; } } else if (child == myList) { if (top < 0) { finalTop = 0; } if(top >= viewHeight){ pullText.setText("松開刷新"); }else{ pullText.setText("下拉刷新"); } } return child.getTop() + (finalTop - child.getTop()) / 2; } }
上面的代碼段中,主要是在clampViewPositionVertical中判斷滑動的位置,作用的子view。其他就不多說了,大致和之前的博客相同。主要說說onViewReleased吧。在此函數(shù)中是在用戶手勢抬起時響應(yīng)的,所以我們在此實現(xiàn)下拉后的刷新。我們先定義一個接口,以便在刷新的時候調(diào)用。
public interface pulltorefreshNotifier { public void onPull(); }
public void setpulltorefreshNotifier(pulltorefreshNotifier pullNotifier) { this.pullNotifier = pullNotifier; }
private void refreshOrNot(View releasedChild, float yvel) { int finalTop = 0; if (releasedChild == pullText) { // 拖動第一個view松手 if (yvel < -50) { finalTop = 0; } else { finalTop = viewHeight; } } else { // 拖動第二個view松手 if (yvel > viewHeight - 5 || releasedChild.getTop() >= viewHeight) { finalTop = viewHeight; if (null != pullNotifier) { pullNotifier.onPull(); } pullText.setText("正在刷新"); } } if (VDH.smoothSlideViewTo(myList, 0, finalTop)) { ViewCompat.postInvalidateOnAnimation(this); } }
拖動第二個view時,也就是LV時,我們判斷一下是否需要刷新,需要刷新則執(zhí)行onPull();
然后我們來看一下主要的Activity:
package com.maxi.pulltorefreshtest; import android.annotation.SuppressLint; import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.os.Message; import com.maxi.pulltorefreshtest.adapter.ProjectAdapter; import com.maxi.pulltorefreshtest.widget.MyListView; import com.maxi.pulltorefreshtest.widget.PullToRefreshGroup; import com.maxi.pulltorefreshtest.widget.PullToRefreshGroup.pulltorefreshNotifier; public class MainActivity extends Activity { private PullToRefreshGroup pullListgroup; private boolean isDown = false; private MyListView myList; private ProjectAdapter pa; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); findView(); init(); } private void findView() { pullListgroup = (PullToRefreshGroup) findViewById(R.id.pulltorefresh); myList = pullListgroup.returnMylist(); } private void init() { pulltorefreshNotifier pullNotifier = new pulltorefreshNotifier() { @Override public void onPull() { // TODO Auto-generated method stub downLoad(); } }; pullListgroup.setpulltorefreshNotifier(pullNotifier); pa = new ProjectAdapter(this); myList.setAdapter(pa); pa.notifyDataSetChanged(); } private void downLoad() { if (!isDown) { isDown = true; new Thread(new Runnable() { @Override public void run() { // TODO Auto-generated method stub try { Thread.sleep(2000); handler.sendEmptyMessage(1); } catch (InterruptedException e) { // TODO Auto-generated catch block e.printStackTrace(); } } }).start(); } } @SuppressLint("HandlerLeak") private Handler handler = new Handler() { @Override public void handleMessage(Message msg) { // TODO Auto-generated method stub super.handleMessage(msg); switch (msg.what) { case 1: pullListgroup.refreshComplete(); isDown = false; break; default: break; } } }; }
我們在他刷新的時候執(zhí)行downLoad();刷新數(shù)據(jù)。為了達到效果可以看出我讓線程暫停2s。然后調(diào)用refreshComplete();
public void refreshComplete() { if (VDH.smoothSlideViewTo(myList, 0, 0)) { ViewCompat.postInvalidateOnAnimation(this); } }
實現(xiàn)刷新好后讓TV繼續(xù)返回屏幕上方。
上段代碼中我們發(fā)現(xiàn)MyListView是重寫的ListView,主要是處理手勢事件的。
package com.maxi.pulltorefreshtest.widget; import android.content.Context; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import android.widget.ListView; public class MyListView extends ListView { boolean allowDragBottom = true; float downY = 0; boolean needConsumeTouch = true; public MyListView(Context context){ super(context); } public MyListView(Context context, AttributeSet attrs) { super(context, attrs); // TODO Auto-generated constructor stub } @Override public boolean dispatchTouchEvent(MotionEvent ev) { if (ev.getAction() == MotionEvent.ACTION_DOWN) { downY = ev.getRawY(); needConsumeTouch = true; if (getMyScrollY() == 0) { allowDragBottom = true; } else { allowDragBottom = false; } } else if (ev.getAction() == MotionEvent.ACTION_MOVE) { if (!needConsumeTouch) { getParent().requestDisallowInterceptTouchEvent(false); return false; } else if (allowDragBottom) { if (downY - ev.getRawY() < -2) { needConsumeTouch = false; getParent().requestDisallowInterceptTouchEvent(false); return false; } } } getParent().requestDisallowInterceptTouchEvent(needConsumeTouch); return super.dispatchTouchEvent(ev); } public int getMyScrollY() { View c = getChildAt(0); if (c == null) { return 0; } int firstVisiblePosition = getFirstVisiblePosition(); int top = c.getTop(); return -top + firstVisiblePosition * c.getHeight(); } }
ok。先這樣吧。像上拉加載更多,我感覺也可以這么實現(xiàn)。有時間試試吧,大家有時間也可以動動手試試。
好吧。大致就這些,有疑問或建議請留言,共同進步,謝謝!
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- android自定義控件ImageView實現(xiàn)圓形圖片
- Android自定義控件ImageView實現(xiàn)點擊之后出現(xiàn)陰影效果
- Android自定義控件ViewFipper實現(xiàn)豎直跑馬燈效果
- Android自定義控件打造絢麗平行空間引導(dǎo)頁
- Android自定義控件EditText實現(xiàn)清除和抖動功能
- Android自定義控件EditText使用詳解
- 基于Android自定義控件實現(xiàn)雷達效果
- Android編程實現(xiàn)自定義控件的方法示例
- Android自定義控件之日期選擇控件使用詳解
- Android自定義控件實現(xiàn)九宮格解鎖功能
- 實例講解Android自定義控件
相關(guān)文章
Flutter實現(xiàn)網(wǎng)絡(luò)請求的方法示例
這篇文章主要介紹了Flutter實現(xiàn)網(wǎng)絡(luò)請求的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-03-03學(xué)習(xí)使用Material Design控件(一)
這篇文章主要為大家介紹了學(xué)習(xí)使用Material Design控件的詳細教程,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07Android 圖片保存到相冊不顯示的解決方案(兼容Android 10及更高版本)
這篇文章主要介紹了Android 圖片保存到系統(tǒng)相冊不顯示的解決方案,幫助大家更好的理解和學(xué)習(xí)使用Android開發(fā),感興趣的朋友可以了解下2021-04-04Android GSYVideoPlayer視頻播放器功能的實現(xiàn)
這篇文章主要介紹了Android GSYVideoPlayer視頻播放器功能的實現(xiàn),本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-03-03Android實現(xiàn)listview動態(tài)加載數(shù)據(jù)分頁的兩種方法
這篇文章主要為大家詳細介紹了Android實現(xiàn)listview動態(tài)加載的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-06-06Android 快速實現(xiàn)狀態(tài)欄透明樣式的示例代碼
下面小編就為大家分享一篇Android 快速實現(xiàn)狀態(tài)欄透明樣式的示例代碼,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01Android基于TextView實現(xiàn)跑馬燈效果
這篇文章主要為大家詳細介紹了Android基于TextView實現(xiàn)跑馬燈效果的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03