弹性滑动已经不是什么新鲜的玩意,但是这种的小控件或者是样式,在工作中也会经常的用到,这里就将我的一个弹性滑动的demo 贴出来给大家作为一个备份。
实现完两个类之后实现xml:
实现activity
代码如下:
首先实现一个自定义的view:
- package com.girl.show.view;
- import com.girl.show.R;
- import android.content.Context;
- import android.util.AttributeSet;
- import android.util.Log;
- import android.view.LayoutInflater;
- import android.view.MotionEvent;
- import android.view.View;
- import android.view.ViewGroup;
- import android.view.animation.LinearInterpolator;
- import android.view.animation.RotateAnimation;
- import android.widget.AbsListView;
- import android.widget.ImageView;
- import android.widget.ListAdapter;
- import android.widget.ListView;
- import android.widget.ProgressBar;
- import android.widget.RelativeLayout;
- import android.widget.TextView;
- import android.widget.AbsListView.OnScrollListener;
- public class PullToRefreshListView extends ListView implements OnScrollListener {
- private static final int TAP_TO_REFRESH = 1;
- private static final int PULL_TO_REFRESH = 2;
- private static final int RELEASE_TO_REFRESH = 3;
- private static final int REFRESHING = 4;
- private static final String TAG = "PullToRefreshListView";
- private OnRefreshListener mOnRefreshListener;
- /**
- * Listener that will receive notifications every time the list scrolls.
- */
- private OnScrollListener mOnScrollListener;
- private LayoutInflater mInflater;
- private RelativeLayout mRefreshView;
- private TextView mRefreshViewText;
- private ImageView mRefreshViewImage;
- private ProgressBar mRefreshViewProgress;
- private TextView mRefreshViewLastUpdated;
- private int mCurrentScrollState;
- private int mRefreshState;
- private RotateAnimation mFlipAnimation;
- private RotateAnimation mReverseFlipAnimation;
- private int mRefreshViewHeight;
- private int mRefreshOriginalTopPadding;
- private int mLastMotionY;
- private boolean mBounceHack;
- public PullToRefreshListView(Context context) {
- super(context);
- init(context);
- }
- public PullToRefreshListView(Context context, AttributeSet attrs) {
- super(context, attrs);
- init(context);
- }
- public PullToRefreshListView(Context context, AttributeSet attrs, int defStyle) {
- super(context, attrs, defStyle);
- init(context);
- }
- private void init(Context context) {
- // Load all of the animations we need in code rather than through XML
- mFlipAnimation = new RotateAnimation(0, -180,RotateAnimation.RELATIVE_TO_SELF, 0.5f,RotateAnimation.RELATIVE_TO_SELF, 0.5f);
- mFlipAnimation.setInterpolator(new LinearInterpolator());
- mFlipAnimation.setDuration(250);
- mFlipAnimation.setFillAfter(true);
- mReverseFlipAnimation = new RotateAnimation(-180, 0,RotateAnimation.RELATIVE_TO_SELF, 0.5f,RotateAnimation.RELATIVE_TO_SELF, 0.5f);
- mReverseFlipAnimation.setInterpolator(new LinearInterpolator());
- mReverseFlipAnimation.setDuration(250);
- mReverseFlipAnimation.setFillAfter(true);
- mInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
- mRefreshView = (RelativeLayout) mInflater.inflate(R.layout.pull_to_refresh_header, this, false);
- mRefreshViewText =(TextView) mRefreshView.findViewById(R.id.pull_to_refresh_text);
- mRefreshViewImage =(ImageView) mRefreshView.findViewById(R.id.pull_to_refresh_image);
- mRefreshViewProgress =(ProgressBar) mRefreshView.findViewById(R.id.pull_to_refresh_progress);
- mRefreshViewLastUpdated =(TextView) mRefreshView.findViewById(R.id.pull_to_refresh_updated_at);
- mRefreshViewImage.setMinimumHeight(50);
- mRefreshView.setOnClickListener(new OnClickRefreshListener());
- mRefreshOriginalTopPadding = mRefreshView.getPaddingTop();
- mRefreshState = TAP_TO_REFRESH;
- addHeaderView(mRefreshView);
- super.setOnScrollListener(this);
- measureView(mRefreshView);
- mRefreshViewHeight = mRefreshView.getMeasuredHeight();
- }
- @Override
- protected void onAttachedToWindow() {
- setSelection(1);
- }
- @Override
- public void setAdapter(ListAdapter adapter) {
- super.setAdapter(adapter);
- setSelection(1);
- }
- /**
- * Set the listener that will receive notifications every time the list
- * scrolls.
- *
- * @param l The scroll listener.
- */
- @Override
- public void setOnScrollListener(AbsListView.OnScrollListener l) {
- mOnScrollListener = l;
- }
- /**
- * Register a callback to be invoked when this list should be refreshed.
- *
- * @param onRefreshListener The callback to run.
- */
- public void setOnRefreshListener(OnRefreshListener onRefreshListener) {
- mOnRefreshListener = onRefreshListener;
- }
- /**
- * Set a text to represent when the list was last updated.
- * @param lastUpdated Last updated at.
- */
- public void setLastUpdated(CharSequence lastUpdated) {
- if (lastUpdated != null) {
- mRefreshViewLastUpdated.setVisibility(View.VISIBLE);
- mRefreshViewLastUpdated.setText(lastUpdated);
- } else {
- mRefreshViewLastUpdated.setVisibility(View.GONE);
- }
- }
- @Override
- public boolean onTouchEvent(MotionEvent event) {
- final int y = (int) event.getY();
- mBounceHack = false;
- switch (event.getAction()) {
- case MotionEvent.ACTION_UP:
- if (!isVerticalScrollBarEnabled()) {
- setVerticalScrollBarEnabled(true);
- }
- if (getFirstVisiblePosition() == 0 && mRefreshState != REFRESHING) {
- if ((mRefreshView.getBottom() >= mRefreshViewHeight
- || mRefreshView.getTop() >= 0)
- && mRefreshState == RELEASE_TO_REFRESH) {
- // Initiate the refresh
- mRefreshState = REFRESHING;
- prepareForRefresh();
- onRefresh();
- } else if (mRefreshView.getBottom() < mRefreshViewHeight
- || mRefreshView.getTop() <= 0) {
- // Abort refresh and scroll down below the refresh view
- resetHeader();
- setSelection(1);
- }
- }
- break;
- case MotionEvent.ACTION_DOWN:
- mLastMotionY = y;
- break;
- case MotionEvent.ACTION_MOVE:
- applyHeaderPadding(event);
- break;
- }
- return super.onTouchEvent(event);
- }
- private void applyHeaderPadding(MotionEvent ev) {
- // getHistorySize has been available since API 1
- int pointerCount = ev.getHistorySize();
- for (int p = 0; p < pointerCount; p++) {
- if (mRefreshState == RELEASE_TO_REFRESH) {
- if (isVerticalFadingEdgeEnabled()) {
- setVerticalScrollBarEnabled(false);
- }
- int historicalY = (int) ev.getHistoricalY(p);
- // Calculate the padding to apply, we divide by 1.7 to
- // simulate a more resistant effect during pull.
- int topPadding = (int) (((historicalY - mLastMotionY)
- - mRefreshViewHeight) / 1.7);
- mRefreshView.setPadding(
- mRefreshView.getPaddingLeft(),
- topPadding,
- mRefreshView.getPaddingRight(),
- mRefreshView.getPaddingBottom());
- }
- }
- }
- /**
- * Sets the header padding back to original size.
- */
- private void resetHeaderPadding() {
- mRefreshView.setPadding(
- mRefreshView.getPaddingLeft(),
- mRefreshOriginalTopPadding,
- mRefreshView.getPaddingRight(),
- mRefreshView.getPaddingBottom());
- }
- /**
- * Resets the header to the original state.
- */
- private void resetHeader() {
- if (mRefreshState != TAP_TO_REFRESH) {
- mRefreshState = TAP_TO_REFRESH;
- resetHeaderPadding();
- // Set refresh view text to the pull label
- mRefreshViewText.setText(R.string.pull_to_refresh_tap_label);
- // Replace refresh drawable with arrow drawable
- mRefreshViewImage.setImageResource(R.drawable.ic_pulltorefresh_arrow);
- // Clear the full rotation animation
- mRefreshViewImage.clearAnimation();
- // Hide progress bar and arrow.
- mRefreshViewImage.setVisibility(View.GONE);
- mRefreshViewProgress.setVisibility(View.GONE);
- }
- }
- 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);
- }
- @Override
- public void onScroll(AbsListView view, int firstVisibleItem,
- int visibleItemCount, int totalItemCount) {
- // When the refresh view is completely visible, change the text to say
- // "Release to refresh..." and flip the arrow drawable.
- if (mCurrentScrollState == SCROLL_STATE_TOUCH_SCROLL
- && mRefreshState != REFRESHING) {
- if (firstVisibleItem == 0) {
- mRefreshViewImage.setVisibility(View.VISIBLE);
- if ((mRefreshView.getBottom() >= mRefreshViewHeight + 20
- || mRefreshView.getTop() >= 0)
- && mRefreshState != RELEASE_TO_REFRESH) {
- mRefreshViewText.setText(R.string.pull_to_refresh_release_label);
- mRefreshViewImage.clearAnimation();
- mRefreshViewImage.startAnimation(mFlipAnimation);
- mRefreshState = RELEASE_TO_REFRESH;
- } else if (mRefreshView.getBottom() < mRefreshViewHeight + 20
- && mRefreshState != PULL_TO_REFRESH) {
- mRefreshViewText.setText(R.string.pull_to_refresh_pull_label);
- if (mRefreshState != TAP_TO_REFRESH) {
- mRefreshViewImage.clearAnimation();
- mRefreshViewImage.startAnimation(mReverseFlipAnimation);
- }
- mRefreshState = PULL_TO_REFRESH;
- }
- } else {
- mRefreshViewImage.setVisibility(View.GONE);
- resetHeader();
- }
- } else if (mCurrentScrollState == SCROLL_STATE_FLING
- && firstVisibleItem == 0
- && mRefreshState != REFRESHING) {
- setSelection(1);
- mBounceHack = true;
- } else if (mBounceHack && mCurrentScrollState == SCROLL_STATE_FLING) {
- setSelection(1);
- }
- if (mOnScrollListener != null) {
- mOnScrollListener.onScroll(view, firstVisibleItem,
- visibleItemCount, totalItemCount);
- }
- }
- @Override
- public void onScrollStateChanged(AbsListView view, int scrollState) {
- mCurrentScrollState = scrollState;
- if (mCurrentScrollState == SCROLL_STATE_IDLE) {
- mBounceHack = false;
- }
- if (mOnScrollListener != null) {
- mOnScrollListener.onScrollStateChanged(view, scrollState);
- }
- }
- public void prepareForRefresh() {
- resetHeaderPadding();
- mRefreshViewImage.setVisibility(View.GONE);
- // We need this hack, otherwise it will keep the previous drawable.
- mRefreshViewImage.setImageDrawable(null);
- mRefreshViewProgress.setVisibility(View.VISIBLE);
- // Set refresh view text to the refreshing label
- mRefreshViewText.setText(R.string.pull_to_refresh_refreshing_label);
- mRefreshState = REFRESHING;
- }
- public void onRefresh() {
- Log.d(TAG, "onRefresh");
- if (mOnRefreshListener != null) {
- mOnRefreshListener.onRefresh();
- }
- }
- /**
- * Resets the list to a normal state after a refresh.
- * @param lastUpdated Last updated at.
- */
- public void onRefreshComplete(CharSequence lastUpdated) {
- setLastUpdated(lastUpdated);
- onRefreshComplete();
- }
- /**
- * Resets the list to a normal state after a refresh.
- */
- public void onRefreshComplete() {
- Log.d(TAG, "onRefreshComplete");
- resetHeader();
- // If refresh view is visible when loading completes, scroll down to
- // the next item.
- if (mRefreshView.getBottom() > 0) {
- invalidateViews();
- setSelection(1);
- }
- }
- /**
- * Invoked when the refresh view is clicked on. This is mainly used when
- * there's only a few items in the list and it's not possible to drag the
- * list.
- */
- private class OnClickRefreshListener implements OnClickListener {
- @Override
- public void onClick(View v) {
- if (mRefreshState != REFRESHING) {
- prepareForRefresh();
- onRefresh();
- }
- }
- }
- /**
- * Interface definition for a callback to be invoked when list should be
- * refreshed.
- */
- public interface OnRefreshListener {
- /**
- * Called when the list should be refreshed.
- * <p>
- * A call to {@link PullToRefreshListView #onRefreshComplete()} is
- * expected to indicate that the refresh has completed.
- */
- public void onRefresh();
- }
- }
- package com.girl.show.view;
- import android.content.Context;
- import android.os.Build;
- import android.util.Log;
- import android.view.MotionEvent;
- import android.view.ScaleGestureDetector;
- public abstract class VersionedGestureDetector {
- private static final String TAG = "VersionedGestureDetector";
- OnGestureListener mListener;
- public static VersionedGestureDetector newInstance(Context context,OnGestureListener listener) {
- final int sdkVersion = Integer.parseInt(Build.VERSION.SDK);
- VersionedGestureDetector detector = null;
- if (sdkVersion < Build.VERSION_CODES.ECLAIR) {
- detector = new CupcakeDetector();
- } else if (sdkVersion < Build.VERSION_CODES.FROYO) {
- detector = new EclairDetector();
- } else {
- detector = new FroyoDetector(context);
- }
- Log.d(TAG, "Created new " + detector.getClass());
- detector.mListener = listener;
- return detector;
- }
- public abstract boolean onTouchEvent(MotionEvent ev);
- public interface OnGestureListener {
- public void onDrag(float dx, float dy);
- public void onScale(float scaleFactor);
- }
- private static class CupcakeDetector extends VersionedGestureDetector {
- float mLastTouchX;
- float mLastTouchY;
- float getActiveX(MotionEvent ev) {
- return ev.getX();
- }
- float getActiveY(MotionEvent ev) {
- return ev.getY();
- }
- boolean shouldDrag() {
- return true;
- }
- @Override
- public boolean onTouchEvent(MotionEvent ev) {
- switch (ev.getAction()) {
- case MotionEvent.ACTION_DOWN: {
- mLastTouchX = getActiveX(ev);
- mLastTouchY = getActiveY(ev);
- break;
- }
- case MotionEvent.ACTION_MOVE: {
- final float x = getActiveX(ev);
- final float y = getActiveY(ev);
- if (shouldDrag()) {
- mListener.onDrag(x - mLastTouchX, y - mLastTouchY);
- }
- mLastTouchX = x;
- mLastTouchY = y;
- break;
- }
- }
- return true;
- }
- }
- private static class EclairDetector extends CupcakeDetector {
- private static final int INVALID_POINTER_ID = -1;
- private int mActivePointerId = INVALID_POINTER_ID;
- private int mActivePointerIndex = 0;
- @Override
- float getActiveX(MotionEvent ev) {
- return ev.getX(mActivePointerIndex);
- }
- @Override
- float getActiveY(MotionEvent ev) {
- return ev.getY(mActivePointerIndex);
- }
- @Override
- public boolean onTouchEvent(MotionEvent ev) {
- final int action = ev.getAction();
- switch (action & MotionEvent.ACTION_MASK) {
- case MotionEvent.ACTION_DOWN:
- mActivePointerId = ev.getPointerId(0);
- break;
- case MotionEvent.ACTION_CANCEL:
- case MotionEvent.ACTION_UP:
- mActivePointerId = INVALID_POINTER_ID;
- break;
- case MotionEvent.ACTION_POINTER_UP:
- final int pointerIndex = (ev.getAction() & MotionEvent.ACTION_POINTER_INDEX_MASK)
- >> MotionEvent.ACTION_POINTER_INDEX_SHIFT;
- final int pointerId = ev.getPointerId(pointerIndex);
- if (pointerId == mActivePointerId) {
- // This was our active pointer going up. Choose a new
- // active pointer and adjust accordingly.
- final int newPointerIndex = pointerIndex == 0 ? 1 : 0;
- mActivePointerId = ev.getPointerId(newPointerIndex);
- mLastTouchX = ev.getX(newPointerIndex);
- mLastTouchY = ev.getY(newPointerIndex);
- }
- break;
- }
- mActivePointerIndex = ev.findPointerIndex(mActivePointerId);
- return super.onTouchEvent(ev);
- }
- }
- private static class FroyoDetector extends EclairDetector {
- private ScaleGestureDetector mDetector;
- public FroyoDetector(Context context) {
- mDetector = new ScaleGestureDetector(context,
- new ScaleGestureDetector.SimpleOnScaleGestureListener() {
- @Override public boolean onScale(ScaleGestureDetector detector) {
- mListener.onScale(detector.getScaleFactor());
- return true;
- }
- });
- }
- @Override
- boolean shouldDrag() {
- return !mDetector.isInProgress();
- }
- @Override
- public boolean onTouchEvent(MotionEvent ev) {
- mDetector.onTouchEvent(ev);
- return super.onTouchEvent(ev);
- }
- }
- }
- <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:paddingTop="10dip"
- android:paddingBottom="15dip"
- android:gravity="center"
- android:id="@+id/pull_to_refresh_header"
- >
- <ProgressBar
- android:id="@+id/pull_to_refresh_progress"
- android:indeterminate="true"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_marginLeft="30dip"
- android:layout_marginRight="20dip"
- android:layout_marginTop="10dip"
- android:visibility="gone"
- android:layout_centerVertical="true"
- style="?android:attr/progressBarStyleSmall"
- />
- <ImageView
- android:id="@+id/pull_to_refresh_image"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_marginLeft="30dip"
- android:layout_marginRight="20dip"
- android:visibility="gone"
- android:layout_gravity="center"
- android:gravity="center"
- android:src="@drawable/ic_pulltorefresh_arrow"
- />
- <TextView
- android:id="@+id/pull_to_refresh_text"
- android:text="@string/pull_to_refresh_tap_label"
- android:textAppearance="?android:attr/textAppearanceMedium"
- android:textStyle="bold"
- android:paddingTop="5dip"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:layout_gravity="center"
- android:gravity="center"
- />
- <TextView
- android:id="@+id/pull_to_refresh_updated_at"
- android:layout_below="@+id/pull_to_refresh_text"
- android:visibility="gone"
- android:textAppearance="?android:attr/textAppearanceSmall"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:layout_gravity="center"
- android:gravity="center"
- />
- </RelativeLayout>
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:background="@drawable/main_bg"
- >
- <!--
- The PullToRefreshListView replaces a standard ListView widget.
- -->
- <com.girl.show.view.PullToRefreshListView
- android:id="@+id/android:list"
- android:layout_height="fill_parent"
- android:layout_width="fill_parent"
- android:cacheColorHint="#00000000"
- />
- </LinearLayout>
- package com.girl.show.activity;
- import java.util.Arrays;
- import java.util.LinkedList;
- import android.app.ListActivity;
- import android.os.AsyncTask;
- import android.os.Bundle;
- import android.util.Log;
- import android.widget.ArrayAdapter;
- import com.girl.show.R;
- import com.girl.show.view.PullToRefreshListView;
- import com.girl.show.view.PullToRefreshListView.OnRefreshListener;
- public class PullToRefreshActivity extends ListActivity {
- private LinkedList<String> mListItems;
- private static final String TAG="PullToRefreshActivity";
- /** Called when the activity is first created. */
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.pull_to_refresh);
- // Set a listener to be invoked when the list should be refreshed.
- ((PullToRefreshListView) getListView()).setOnRefreshListener(new OnRefreshListener() {
- @Override
- public void onRefresh() {
- new GetDataTask().execute();
- }
- });
- mListItems = new LinkedList<String>();
- mListItems.addAll(Arrays.asList(mStrings));
- ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1, mListItems);
- setListAdapter(adapter);
- }
- private class GetDataTask extends AsyncTask<Void, Void, String[]> {
- @Override
- protected String[] doInBackground(Void... params) {
- try {
- Thread.sleep(2000);
- } catch (InterruptedException e) {
- Log.d(TAG,"",e);
- }
- return mStrings;
- }
- @Override
- protected void onPostExecute(String[] result) {
- mListItems.addFirst("Added after refresh...");
- ((PullToRefreshListView) getListView()).onRefreshComplete();
- super.onPostExecute(result);
- }
- }
- private String[] mStrings = {
- "Abbaye de Belloc", "Abbaye du Mont des Cats", "Abertam",
- "Abondance", "Ackawi", "Acorn", "Adelost", "Affidelice au Chablis",
- "Afuega'l Pitu", "Airag", "Airedale", "Aisy Cendre",
- "Allgauer Emmentaler"};
- }