这节,就一个任务如何把上节自定义的翻页动画控件整进下拉列表中去。
由于是自定义的下拉列表控件，我们需要自定义能够上啦下滑的listview，这势必会造成这个问题，上拉刷新要响应相应touch事件，拖拽也似乎也要相应触摸事件，这势必会造成了一种事件的冲突了，怎么解决了。我这里用一个变量来区分一下，伪代码如下：
前面说了，这么多了，我们直接点评代码把：
package com.routemap_infomation.utils;
import java.util.Date;
import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.GestureDetector;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewDebug.IntToString;
import android.view.ViewGroup;
import android.view.animation.LinearInterpolator;
import android.view.animation.RotateAnimation;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.HorizontalScrollView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;
import com.routemap_infomation.myfocus.R;
import com.routemap_infomation.myfocus.LineFocusActivity.RouteItem;
import com.routemap_infomation.utils.GestureJudgeUtils.OnGestureResult;
/**
* 该类主要是完成 头部部分的功能封装
*
* 一个可以监听ListView是否滚动到最顶部或最底部的自定义控件
* 只能监听由触摸产生的，如果是ListView本身Flying导致的，则不能监听</br> 如果加以改进，可以实现监听scroll滚动的具体位置等
*
* @author 进
*/
public class ScrollOverListView extends ListView implements OnScrollListener {
public static boolean canRefleash = true;
private static final String TAG = "listview";
/**松开更新**/
private static final int RELEASE_TO_REFRESH = 0;
/**下拉更新**/
private static final int PULL_TO_REFRESH = 1;
/**更新中**/
private static final int REFRESHING = 2;
/**无**/
private static final int DONE = 3;
/**加载中**/
private static final int LOADING = 4;
/**实际的padding的距离与界面上偏移距离的比例**/
private static final int RATIO = 3;
/**是否要使用下拉刷新功能**/
public boolean showRefresh = true;
public boolean isDelete;
public void setIsDelete(boolean isDelete){
this.isDelete = isDelete;
}
private int mLastY;
private int mBottomPosition;
private SlideView mFocusedItemView;
private LayoutInflater inflater;
/**头部刷新的布局**/
private LinearLayout headView;
/**头部显示下拉刷新等的控件**/
private TextView tipsTextview;
/**刷新控件**/
private TextView lastUpdatedTextView;
/**箭头图标**/
private ImageView arrowImageView;
/**头部滚动条**/
private ProgressBar progressBar;
/**显示动画**/
private RotateAnimation animation;
/**头部回退显示动画**/
private RotateAnimation reverseAnimation;
/** 用于保证startY的值在一个完整的touch事件中只被记录一次**/
private boolean isRecored;
/**头部高度**/
private int headContentHeight;
/**开始的Y坐标**/
private int startY;
/**第一个item**/
private int firstItemIndex;
/**状态**/
private int state;
private boolean isBack;
private GestureDetector gestureDetector;
/** 空的 */
private OnScrollOverListener mOnScrollOverListener = new OnScrollOverListener() {
@Override
public boolean onListViewTopAndPullDown(int delta) {
return false;
}
@Override
public boolean onListViewBottomAndPullUp(int delta) {
return false;
}
@Override
public boolean onMotionDown(MotionEvent ev) {
return false;
}
@Override
public boolean onMotionMove(MotionEvent ev, int delta) {
return false;
}
@Override
public boolean onMotionUp(MotionEvent ev) {
return false;
}
};
public ScrollOverListView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init(context);
}
public ScrollOverListView(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
public ScrollOverListView(Context context, PullDownView pullDownView) {
super(context);
isDelete = pullDownView.getIsDelete();
init(context);
}
/**出事化控件**/
private void init(Context context) {
mBottomPosition = 0;
setCacheColorHint(0);
inflater = LayoutInflater.from(context);
headView = (LinearLayout) inflater.inflate(R.layout.pull_down_head,
null);
arrowImageView = (ImageView) headView
.findViewById(R.id.head_arrowImageView);
arrowImageView.setMinimumWidth(70);
arrowImageView.setMinimumHeight(50);
progressBar = (ProgressBar) headView
.findViewById(R.id.head_progressBar);
tipsTextview = (TextView) headView.findViewById(R.id.head_tipsTextView);
lastUpdatedTextView = (TextView) headView
.findViewById(R.id.head_lastUpdatedTextView);
measureView(headView);
headContentHeight = headView.getMeasuredHeight();
headView.setPadding(0, -1 * headContentHeight, 0, 0);
headView.invalidate();
/**列表添加头部**/
addHeaderView(headView, null, false);
setOnScrollListener(this);
animation = new RotateAnimation(0, -180,
RotateAnimation.RELATIVE_TO_SELF, 0.5f,
RotateAnimation.RELATIVE_TO_SELF, 0.5f);
animation.setInterpolator(new LinearInterpolator());
animation.setDuration(250);
animation.setFillAfter(true);
reverseAnimation = new RotateAnimation(-180, 0,
RotateAnimation.RELATIVE_TO_SELF, 0.5f,
RotateAnimation.RELATIVE_TO_SELF, 0.5f);
reverseAnimation.setInterpolator(new LinearInterpolator());
reverseAnimation.setDuration(200);
reverseAnimation.setFillAfter(true);
state = DONE;
gestureDetector=new GestureJudgeUtils(PublicDefine.context,new GestureJudgeUtils.OnGestureResult() {
@Override
public void onGestureResult(int direction) {
// TODO Auto-generated method stub
switch (direction) {
case GestureJudgeUtils.GESTURE_LEFT:
case GestureJudgeUtils.GESTURE_RIGHT:
PublicDefine.isDeleteTag=true;
break;
case GestureJudgeUtils.GESTURE_DOWN:
case GestureJudgeUtils.GESTURE_UP:
PublicDefine.isDeleteTag=false;
default:
break;
}
}
}).Buile();
}
int currentx=0;
int currenty=0;
/**触摸事件的处理**/
@Override
public boolean onTouchEvent(MotionEvent ev) {
final int action = ev.getAction();
final int y = (int) ev.getRawY();
final int deltax=(int)ev.getRawX();
if (action==MotionEvent.ACTION_DOWN&&PublicDefine.isDeleteTag) {
mFocusedItemView.move();
PublicDefine.isDeleteTag=false;
return super.onTouchEvent(ev);
}
if (action==MotionEvent.ACTION_DOWN) {
currentx=(int) ev.getRawX();
currenty=(int) ev.getRawY();
}
PublicDefine.isDeleteTag=Horizontal(currentx,currenty,deltax,y);
cancelLongPress();
if(PublicDefine.isDeleteTag){
switch (action) {
case MotionEvent.ACTION_DOWN: {
int x = (int) ev.getX();
int z = (int) ev.getY();
int position = pointToPosition(x, z);
Log.e(TAG, "postion=" + position);
if (position != INVALID_POSITION) {
RouteItem data = (RouteItem) getItemAtPosition(position);
mFocusedItemView = data.slideView;
Log.e(TAG, "FocusedItemView=" + mFocusedItemView);
}
}
default:
break;
}
if (mFocusedItemView != null) {
return mFocusedItemView.onRequireTouchEvent(ev);
}
return super.onTouchEvent(ev);
}else{
switch (action) {
case MotionEvent.ACTION_DOWN: //按下的时候
if (firstItemIndex == 0 && !isRecored) {
isRecored = true;
startY = (int) ev.getY();
Log.v(TAG, "在down时候记录当前位置‘");
}
// ===========================
mLastY = y;
final boolean isHandled = mOnScrollOverListener.onMotionDown(ev);
if (isHandled) {
mLastY = y;
return isHandled;
}
break;
case MotionEvent.ACTION_MOVE: //手指正在移动的时候
int tempY = (int) ev.getY();
if (showRefresh) {
if (!isRecored && firstItemIndex == 0) {
Log.v(TAG, "在move时候记录下位置");
isRecored = true;
startY = tempY;
}
if (state != REFRESHING && isRecored && state != LOADING) {
// 保证在设置padding的过程中，当前的位置一直是在head，否则如果当列表超出屏幕的话，当在上推的时候，列表会同时进行滚动
// 可以松手去刷新了
if (state == RELEASE_TO_REFRESH) {
setSelection(0);
// 往上推了，推到了屏幕足够掩盖head的程度，但是还没有推到全部掩盖的地步
if (((tempY - startY) / RATIO < headContentHeight)
&& (tempY - startY) > 0) {
state = PULL_TO_REFRESH;
changeHeaderViewByState();
}else if (tempY - startY <= 0) {// 一下子推到顶了
state = DONE;
changeHeaderViewByState();
Log.v(TAG, "由松开刷新状态转变到done状态");
}
// else {// 往下拉了，或者还没有上推到屏幕顶部掩盖head的地步
// // 不用进行特别的操作，只用更新paddingTop的值就行了
// }
}
// 还没有到达显示松开刷新的时候,DONE或者是PULL_To_REFRESH状态
if (state == PULL_TO_REFRESH) {
setSelection(0);
// 下拉到可以进入RELEASE_TO_REFRESH的状态
if ((tempY - startY) / RATIO >= headContentHeight) {
state = RELEASE_TO_REFRESH;
isBack = true;
changeHeaderViewByState();
Log.v(TAG, "由done或者下拉刷新状态转变到松开刷新");
}else if (tempY - startY <= 0) {
// 上推到顶了
state = DONE;
changeHeaderViewByState();
Log.v(TAG, "由DOne或者下拉刷新状态转变到done状态");
}
}
// done状态下
if (state == DONE) {
if (tempY - startY > 0) {
state = PULL_TO_REFRESH;
changeHeaderViewByState();
}
}
// 更新headView的size
if (state == PULL_TO_REFRESH) {
headView.setPadding(0, -1 * headContentHeight
+ (tempY - startY) / RATIO, 0, 0);
}
// 更新headView的paddingTop
if (state == RELEASE_TO_REFRESH) {
headView.setPadding(0, (tempY - startY) / RATIO
- headContentHeight, 0, 0);
}
}
}
// ==============================================
final int childCount = getChildCount();
if (childCount == 0){
return super.onTouchEvent(ev);
}
final int itemCount = getAdapter().getCount() - mBottomPosition;
final int deltaY = y - mLastY;
final int lastBottom = getChildAt(childCount - 1).getBottom();
final int end = getHeight() - getPaddingBottom();
final int firstVisiblePosition = getFirstVisiblePosition();
final boolean isHandleMotionMove = mOnScrollOverListener
.onMotionMove(ev, deltaY);
if (isHandleMotionMove) {
mLastY = y;
return true;
}
/** 到达底部 * 到达底部的事件在另外一个类执行**/
if (firstVisiblePosition + childCount >= itemCount
&& lastBottom <= end && deltaY < 0) {
final boolean isHandleOnListViewBottomAndPullDown;
isHandleOnListViewBottomAndPullDown = mOnScrollOverListener
.onListViewBottomAndPullUp(deltaY);
if (isHandleOnListViewBottomAndPullDown) {
mLastY = y;
return true;
}
}
break;
case MotionEvent.ACTION_UP: //手指抬起来的时候
if (state != REFRESHING && state != LOADING) {
// if (state == DONE) {
// // 什么都不做
// }
if (state == PULL_TO_REFRESH) {
state = DONE;
changeHeaderViewByState();
Log.v(TAG, "由下拉刷新状态，到done状态");
}
if (state == RELEASE_TO_REFRESH) {
state = REFRESHING;
changeHeaderViewByState();
canRefleash = true;
Log.v(TAG, "由松开刷新状态，到done状态");
}
}
isRecored = false;
isBack = false;
// /======================
final boolean isHandlerMotionUp = mOnScrollOverListener
.onMotionUp(ev);
if (isHandlerMotionUp) {
mLastY = y;
return true;
}
break;
default:
break;
}
mLastY = y;
return super.onTouchEvent(ev);
}
// }catch(Exception e){
// Log.i("test", e.getMessage());
// return true;
//
// }
}
private boolean Horizontal(int dx, int dy,int dx1,int dy1) {
// TODO Auto-generated method stub
int deltax=dx-dx1;
int deltay=dy-dy1;
if (Math.abs(deltax)>=Math.abs(deltay)) {
return true;
}else {
return false;
}
}
// =============================== public method
/**
* 可以自定义其中一个条目为头部，头部触发的事件将以这个为准，默认为第一个
*
* @param index 正数第几个，必须在条目数范围之内
*/
public void setTopPosition(int index) {
if (getAdapter() == null){
throw new NullPointerException(
"You must set adapter before setTopPosition!");
}
if (index < 0){
throw new IllegalArgumentException("Top position must > 0");
}
}
/**
* 可以自定义其中一个条目为尾部，尾部触发的事件将以这个为准，默认为最后一个
*
* @param index 倒数第几个，必须在条目数范围之内
*/
public void setBottomPosition(int index) {
if (getAdapter() == null){
throw new NullPointerException(
"You must set adapter before setBottonPosition!");
}
if (index < 0){
throw new IllegalArgumentException("Bottom position must > 0");
}
mBottomPosition = index;
}
/**
* 设置这个Listener可以监听是否到达顶端，或者是否到达低端等事件</br>
*
* @see OnScrollOverListener
*/
public void setOnScrollOverListener(
OnScrollOverListener onScrollOverListener) {
mOnScrollOverListener = onScrollOverListener;
}
/**
* 滚动监听接口
*
* @see ScrollOverListView#setOnScrollOverListener(OnScrollOverListener)
*
*/
public interface OnScrollOverListener {
/**
* 到达最顶部触发
*
* @param delta
* 手指点击移动产生的偏移量
* @return
*/
boolean onListViewTopAndPullDown(int delta);
/**
* 到达最底部触发
*
* @param delta
* 手指点击移动产生的偏移量
* @return
*/
boolean onListViewBottomAndPullUp(int delta);
/**
* 手指触摸按下触发，相当于{@link MotionEvent#ACTION_DOWN}
*
* @return 返回true表示自己处理
* @see View#onTouchEvent(MotionEvent)
*/
boolean onMotionDown(MotionEvent ev);
/**
* 手指触摸移动触发，相当于{@link MotionEvent#ACTION_MOVE}
*
* @return 返回true表示自己处理
* @see View#onTouchEvent(MotionEvent)
*/
boolean onMotionMove(MotionEvent ev, int delta);
/**
* 手指触摸后提起触发，相当于{@link MotionEvent#ACTION_UP}
*
* @return 返回true表示自己处理
* @see View#onTouchEvent(MotionEvent)
*/
boolean onMotionUp(MotionEvent ev);
}
@Override
public void onScroll(AbsListView arg0, int firstVisiableItem, int arg2,
int arg3) {
firstItemIndex = firstVisiableItem;
}
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
}
// 此方法直接照搬自网络上的一个下拉刷新的demo，此处是“估计”headView的width以及height
private void measureView(View child) {
ViewGroup.LayoutParams p = child.getLayoutParams();
if (p == null) {
p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,
ViewGroup.LayoutParams.WRAP_CONTENT);
}
int childWidthSpec = ViewGroup.getChildMeasureSpec(0, 0 + 0, p.width);
int lpHeight = p.height;
int childHeightSpec;
if (lpHeight > 0) {
childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight,
MeasureSpec.EXACTLY);
} else {
childHeightSpec = MeasureSpec.makeMeasureSpec(0,
MeasureSpec.UNSPECIFIED);
}
child.measure(childWidthSpec, childHeightSpec);
}
public void onRefreshComplete() {
state = DONE;
lastUpdatedTextView.setText("最近更新:" + new Date().toLocaleString());
changeHeaderViewByState();
}
// 当状态改变时候，调用该方法，以更新界面
private void changeHeaderViewByState() {
switch (state) {
case RELEASE_TO_REFRESH:
arrowImageView.setVisibility(View.VISIBLE);
progressBar.setVisibility(View.GONE);
tipsTextview.setVisibility(View.VISIBLE);
lastUpdatedTextView.setVisibility(View.VISIBLE);
arrowImageView.clearAnimation();
arrowImageView.startAnimation(animation);
tipsTextview.setText("松开刷新");
Log.v(TAG, "当前状态，松开刷新");
break;
case PULL_TO_REFRESH:
progressBar.setVisibility(View.GONE);
tipsTextview.setVisibility(View.VISIBLE);
lastUpdatedTextView.setVisibility(View.VISIBLE);
arrowImageView.clearAnimation();
arrowImageView.setVisibility(View.VISIBLE);
// 是由RELEASE_To_REFRESH状态转变来的
if (isBack) {
isBack = false;
arrowImageView.clearAnimation();
arrowImageView.startAnimation(reverseAnimation);
tipsTextview.setText("下拉刷新");
} else {
tipsTextview.setText("下拉刷新");
}
Log.v(TAG, "当前状态，下拉刷新");
break;
case REFRESHING:
headView.setPadding(0, 0, 0, 0);
progressBar.setVisibility(View.VISIBLE);
arrowImageView.clearAnimation();
arrowImageView.setVisibility(View.GONE);
tipsTextview.setText("正在刷新...");
lastUpdatedTextView.setVisibility(View.VISIBLE);
Log.v(TAG, "当前状态,正在刷新...");
break;
case DONE:
headView.setPadding(0, -1 * headContentHeight, 0, 0);
progressBar.setVisibility(View.GONE);
arrowImageView.clearAnimation();
arrowImageView.setImageResource(R.drawable.pull_down_arrow);
tipsTextview.setText("下拉刷新");
lastUpdatedTextView.setVisibility(View.VISIBLE);
Log.v(TAG, "当前状态，done");
break;
default:
break;
}
}
public void shrinkListItem(int position) {
View item = getChildAt(position);
if (item != null) {
try {
((SlideView) item).shrink();
} catch (ClassCastException e) {
e.printStackTrace();
}
}
}
}①由于这个类继承与listview，因此具有了listview常见属性与方法。
②由于他要记录上拉下拉刷新的方式，因此，我们这里需要用定义一些变量来保存，并且要记录他们的状态。
③上拉刷新的状态是需要监听的了，怎么进行监听了，这里依照java中插件机制，依照相应的观察者（observer）模式，需要定义一个接口来监听了。
④为了实现动态，这里需要定义不同参数的构造函数了。
⑤这里是一个重点，我们定义了一个变量，接上面的论证，我们这里定义了一个变量来确定到底是调用那个触摸方法。
⑥一般在android中，init初始化，找到相应控件，数据加载，是一个司空见惯的方法，在这里了，我们还对相应的手势的方法进行了监听，但是后来发现在此情景下，主要是由于touch事件中，无法对手势进行监听。
⑦onTouchEvent事件，触摸事件，是这一切事件的重中之重，我这里首先要对其手势方向进行了监听，上文提到无法直接对手势的方向进行监听了,因此我这里粗略进行进行了判断，判断触摸按下与触摸抬起的时候，两点x轴之间的距离与两点y之间的距离孰大孰小。来判断他是竖向滚动，还是横向拖拽。倘若是横向的拖拽，进把触摸事件下放到slideview控件，由她将触摸事件进行处理，否则的话，就由此控件监听上拉下滑的刷新事件。
⑧与上节一样，对其滑动以后，也要对其控件的距离，控件位置进行调整，进行计算。
⑨这个控件本质是个列表控件，本质是对数据进行处理，因此，我们这里需要一个方法对其数据加以处理的。
以上的内容就把slideview整合到项目中去了，其最终的效果是这样的：
以上代码下载地址:
