Android自定義控件實(shí)現(xiàn)下拉刷新效果
app開(kāi)發(fā)中下拉刷新是最常接觸到的一個(gè)功能,也有很多開(kāi)源的框架,封裝的非常棒。前段時(shí)間了解了一下ViewDragHelper,遂用它實(shí)現(xiàn)了下拉刷新的功能。

大概和我之前的ViewDragHelper之拖動(dòng)加載(類(lèi)似淘寶)這篇代碼類(lèi)似。只是做了相關(guān)改動(dòng)。具體的可以看一下那篇博文了解一下用到的ViewDragHelper的一些知識(shí)點(diǎn)。該界面主要是一個(gè)LinearLayout,上面的下拉刷新是一個(gè)textview(用TV代替),當(dāng)然這個(gè)可以定制,在此只是用一個(gè)textview代替,實(shí)現(xiàn)簡(jiǎn)單的功能,下面是一個(gè)listview(用LV代替),當(dāng)然listview也是可以定制的,可以使gridview或者其他你想要的都可以,在此也是只用Listview代替。大概的講講吧:
首先,在onLayout中將TV置于屏幕上方,將LV充滿屏幕;

上圖中藍(lán)色部分是整個(gè)手機(jī)的屏幕,紅色部分是下拉提示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的時(shí)候,TV就會(huì)跟著往下走,所以就會(huì)出現(xiàn)在屏幕中實(shí)現(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("松開(kāi)刷新");
}else{
pullText.setText("下拉刷新");
}
}
return child.getTop() + (finalTop - child.getTop()) / 2;
}
}
上面的代碼段中,主要是在clampViewPositionVertical中判斷滑動(dòng)的位置,作用的子view。其他就不多說(shuō)了,大致和之前的博客相同。主要說(shuō)說(shuō)onViewReleased吧。在此函數(shù)中是在用戶(hù)手勢(shì)抬起時(shí)響應(yīng)的,所以我們?cè)诖藢?shí)現(xiàn)下拉后的刷新。我們先定義一個(gè)接口,以便在刷新的時(shí)候調(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) {
// 拖動(dòng)第一個(gè)view松手
if (yvel < -50) {
finalTop = 0;
} else {
finalTop = viewHeight;
}
} else {
// 拖動(dòng)第二個(gè)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);
}
}
拖動(dòng)第二個(gè)view時(shí),也就是LV時(shí),我們判斷一下是否需要刷新,需要刷新則執(zhí)行onPull();
然后我們來(lái)看一下主要的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;
}
}
};
}
我們?cè)谒⑿碌臅r(shí)候執(zhí)行downLoad();刷新數(shù)據(jù)。為了達(dá)到效果可以看出我讓線程暫停2s。然后調(diào)用refreshComplete();
public void refreshComplete() {
if (VDH.smoothSlideViewTo(myList, 0, 0)) {
ViewCompat.postInvalidateOnAnimation(this);
}
}
實(shí)現(xiàn)刷新好后讓TV繼續(xù)返回屏幕上方。
上段代碼中我們發(fā)現(xiàn)MyListView是重寫(xiě)的ListView,主要是處理手勢(shì)事件的。
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。先這樣吧。像上拉加載更多,我感覺(jué)也可以這么實(shí)現(xiàn)。有時(shí)間試試吧,大家有時(shí)間也可以動(dòng)動(dòng)手試試。
好吧。大致就這些,有疑問(wèn)或建議請(qǐng)留言,共同進(jìn)步,謝謝!
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- android自定義控件ImageView實(shí)現(xiàn)圓形圖片
- Android自定義控件ImageView實(shí)現(xiàn)點(diǎn)擊之后出現(xiàn)陰影效果
- Android自定義控件ViewFipper實(shí)現(xiàn)豎直跑馬燈效果
- Android自定義控件打造絢麗平行空間引導(dǎo)頁(yè)
- Android自定義控件EditText實(shí)現(xiàn)清除和抖動(dòng)功能
- Android自定義控件EditText使用詳解
- 基于Android自定義控件實(shí)現(xiàn)雷達(dá)效果
- Android編程實(shí)現(xiàn)自定義控件的方法示例
- Android自定義控件之日期選擇控件使用詳解
- Android自定義控件實(shí)現(xiàn)九宮格解鎖功能
- 實(shí)例講解Android自定義控件
相關(guān)文章
Flutter實(shí)現(xiàn)網(wǎng)絡(luò)請(qǐng)求的方法示例
這篇文章主要介紹了Flutter實(shí)現(xiàn)網(wǎng)絡(luò)請(qǐng)求的方法示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-03-03
學(xué)習(xí)使用Material Design控件(一)
這篇文章主要為大家介紹了學(xué)習(xí)使用Material Design控件的詳細(xì)教程,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07
Android 圖片保存到相冊(cè)不顯示的解決方案(兼容Android 10及更高版本)
這篇文章主要介紹了Android 圖片保存到系統(tǒng)相冊(cè)不顯示的解決方案,幫助大家更好的理解和學(xué)習(xí)使用Android開(kāi)發(fā),感興趣的朋友可以了解下2021-04-04
Android GSYVideoPlayer視頻播放器功能的實(shí)現(xiàn)
這篇文章主要介紹了Android GSYVideoPlayer視頻播放器功能的實(shí)現(xiàn),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-03-03
Android實(shí)現(xiàn)listview動(dòng)態(tài)加載數(shù)據(jù)分頁(yè)的兩種方法
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)listview動(dòng)態(tài)加載的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-06-06
Android基礎(chǔ)開(kāi)發(fā)之手勢(shì)識(shí)別
這篇文章主要為大家詳細(xì)介紹了Android基礎(chǔ)開(kāi)發(fā)之手勢(shì)識(shí)別的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-06-06
Android 快速實(shí)現(xiàn)狀態(tài)欄透明樣式的示例代碼
下面小編就為大家分享一篇Android 快速實(shí)現(xiàn)狀態(tài)欄透明樣式的示例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
Android基于TextView實(shí)現(xiàn)跑馬燈效果
這篇文章主要為大家詳細(xì)介紹了Android基于TextView實(shí)現(xiàn)跑馬燈效果的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03
Android自定義控件實(shí)現(xiàn)通用驗(yàn)證碼輸入框
這篇文章主要為大家詳細(xì)介紹了Android自定義控件實(shí)現(xiàn)通用驗(yàn)證碼輸入框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-01-01

