Android之上下滑动的引导页

前几天无意中看到一篇博文,名字叫Android
仿网易新闻v3.5:上下滑动的引导页
,才知道原来应用的新手教学——即初次安装应用的引导程序,还可以上下滑动而不是左右滑动,今天就抽空把这个东西学习了一下,本案例是基于JakeWharton编写的类的改写。

在github上,有相关的开源项目

https://github.com/JakeWharton/Android-DirectionalViewPager

这个项目实际上是在ViewPager的基础上,做了一个扩展,加入了对上下方向滑动的支持

正如项目的名字,使用该项目,可以灵活的改变viewpager的方向,而且仅用一个简单的属性设置就可以做到,我只对该项目提供的例子做了一些简单的改动,就做到了上下滑动引导页的效果.

本工程的目录结构如下图所示:

在DirectionalViewPager中增加的代码如下:

private MyPagerAdapter myPagerAdapter;//自定义PagerAdapter
/**
	 * 把setAdapter简单封装一下,使得外部调用类只需传递一个List<ImageView>即可
	 * @param images 图片集合
	 */
	public void setImages(List<ImageView> images)
	{
		myPagerAdapter=new MyPagerAdapter(getContext(), images);
		setAdapter(myPagerAdapter);
	}

	/**
	 * 自定义PagerAdapter
	 * @author Android将军
	 *
	 */
	 private class MyPagerAdapter  extends PagerAdapter{
	    	private Context context;
	    	private List<ImageView> images;
	    	public MyPagerAdapter(Context context,List<ImageView> images)
	    	{
	    		this.context=context;
	    		this.images=images;
	    	}

	        @Override
	        public void destroyItem(View container, int position, Object object) {
	            // TODO Auto-generated method stub
	            //((ViewPag.er)container).removeView((View)object);
	            ((ViewPager)container).removeView(images.get(position));

	        }

	        @Override
	        public Object instantiateItem(View container, int position) {
	            // TODO Auto-generated method stub
	            ((ViewPager)container).addView(images.get(position));
	            return images.get(position);
	        }

	        @Override
	        public int getCount() {
	            // TODO Auto-generated method stub
	            return images.size();
	        }

	        @Override
	        public boolean isViewFromObject(View arg0, Object arg1) {
	            // TODO Auto-generated method stub
	            return arg0 == arg1;
	        }
	        @Override
	        public void restoreState(Parcelable arg0, ClassLoader arg1) {
	            // TODO Auto-generated method stub

	        }

	        @Override
	        public Parcelable saveState() {
	            // TODO Auto-generated method stub
	            return null;
	        }

	        @Override
	        public void startUpdate(View arg0) {
	            // TODO Auto-generated method stub

	        }

	        @Override
	        public void finishUpdate(View arg0) {
	            // TODO Auto-generated method stub

	        }

	    }

在Activity中像如下代码那样使用即可:

package com.gc.testvercialviewpager;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
/**
 *
 * @author Android将军
 *
 */
public class MainActivity extends Activity {

	private List<ImageView> images;
	private int[] imageUirs=new int[]{R.drawable.one,R.drawable.two,R.drawable.three};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        setData();
        DirectionalViewPager mDirectionalViewPager=(DirectionalViewPager)findViewById(R.id.myviewpager);
        mDirectionalViewPager.setImages(images);
        mDirectionalViewPager.setOrientation(DirectionalViewPager.VERTICAL);
    }
    public void setData()
    {
    	images=new ArrayList<ImageView>();
    	for(int i=0;i<imageUirs.length;i++)
    	{
    		ImageView mImageView=new ImageView(this);
    		mImageView.setBackgroundResource(imageUirs[i]);
    		images.add(mImageView);
    	}
    }

}

activity-main的布局文件代码如下:

<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" >

    <com.gc.testvercialviewpager.DirectionalViewPager
        android:id="@+id/myviewpager"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</RelativeLayout>

不知道大家有没有注意VerticalViewPagerCompat这个类,如果是使用这个类的话,该类必须放在android.support.v4.view包里,否则无法编译通过,可是究竟为什么是这样才行,我现在也不清楚,希望有知道的能告诉我一下。如果拿来放在项目里,那岂不是还得专门为此文件建立一个包,这样显然不合理,于是乎我就把此文件给删除了,然后把DirectionalViewPager里面与这个类有关的代码都注释掉,程序依然可以运行,效果依然和没有去除该类一样,去除该类之后的工程项目结构如下图

下面我把修改之后的DirectionalViewPager的源代码贴出来:

package com.gc.testvercialviewpager;

import java.util.ArrayList;
import java.util.List;

import android.content.Context;
import android.os.Build;
import android.os.Parcel;
import android.os.Parcelable;
import android.support.v4.os.ParcelableCompat;
import android.support.v4.os.ParcelableCompatCreatorCallbacks;
import android.support.v4.view.MotionEventCompat;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.VelocityTrackerCompat;
//import android.support.v4.view.VerticalViewPagerCompat;

import android.support.v4.view.ViewConfigurationCompat;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.Scroller;

/**
 * Layout manager that allows the user to flip horizontally or vertically
 * through pages of data. You supply an implementation of a {@link PagerAdapter}
 * to generate the pages that the view shows.
 *
 * <p>
 * Note this class is currently under early design and development. The API will
 * likely change in later updates of the compatibility library, requiring
 * changes to the source code of apps when they are compiled against the newer
 * version.
 * </p>
 */
public class DirectionalViewPager extends ViewPager {
	private static final String TAG = "DirectionalViewPager";
	private static final String XML_NS = "http://schemas.android.com/apk/res/android";
	private static final boolean DEBUG = false;

	private static final boolean USE_CACHE = false;

	public static final int HORIZONTAL = 0;
	public static final int VERTICAL = 1;
	private MyPagerAdapter myPagerAdapter;//自定义PagerAdapter

	static class ItemInfo {
		Object object;
		int position;
		boolean scrolling;
	}

	private final ArrayList<ItemInfo> mItems = new ArrayList<ItemInfo>();

	private PagerAdapter mAdapter;
	private int mCurItem; // Index of currently displayed page.
	private int mRestoredCurItem = -1;
	private Parcelable mRestoredAdapterState = null;
	private ClassLoader mRestoredClassLoader = null;
	private Scroller mScroller;
	//private VerticalViewPagerCompat.DataSetObserver mObserver;

	private int mChildWidthMeasureSpec;
	private int mChildHeightMeasureSpec;
	private boolean mInLayout;

	private boolean mScrollingCacheEnabled;

	private boolean mPopulatePending;
	private boolean mScrolling;

	private boolean mIsBeingDragged;
	private boolean mIsUnableToDrag;
	private int mTouchSlop;
	private float mInitialMotion;
	/**
	 * Position of the last motion event.
	 */
	private float mLastMotionX;
	private float mLastMotionY;
	private int mOrientation = HORIZONTAL;
	/**
	 * ID of the active pointer. This is used to retain consistency during
	 * drags/flings if multiple pointers are used.
	 */
	private int mActivePointerId = INVALID_POINTER;
	/**
	 * Sentinel value for no current active pointer. Used by
	 * {@link #mActivePointerId}.
	 */
	private static final int INVALID_POINTER = -1;

	/**
	 * Determines speed during touch scrolling
	 */
	private VelocityTracker mVelocityTracker;
	private int mMinimumVelocity;
	private int mMaximumVelocity;

	private OnPageChangeListener mOnPageChangeListener;

	private int mScrollState = SCROLL_STATE_IDLE;

	public DirectionalViewPager(Context context) {
		super(context);
		initViewPager();
	}

	public DirectionalViewPager(Context context, AttributeSet attrs) {
		super(context, attrs);
		initViewPager();

		// We default to horizontal, only change if a value is explicitly
		// specified
		int orientation = attrs.getAttributeIntValue(XML_NS, "orientation", -1);
		if (orientation != -1) {
			setOrientation(orientation);
		}
	}

	void initViewPager() {
		setWillNotDraw(false);
		mScroller = new Scroller(getContext());
		final ViewConfiguration configuration = ViewConfiguration
				.get(getContext());
		mTouchSlop = ViewConfigurationCompat
				.getScaledPagingTouchSlop(configuration);
		mMinimumVelocity = configuration.getScaledMinimumFlingVelocity();
		mMaximumVelocity = configuration.getScaledMaximumFlingVelocity();
	}

	private void setScrollState(int newState) {
		if (mScrollState == newState) {
			return;
		}

		mScrollState = newState;
		if (mOnPageChangeListener != null) {
			mOnPageChangeListener.onPageScrollStateChanged(newState);
		}
	}

	public void setAdapter(PagerAdapter adapter) {
		if (mAdapter != null) {
			//VerticalViewPagerCompat.setDataSetObserver(mAdapter, null);
		}

		mAdapter = adapter;

		if (mAdapter != null) {
//			if (mObserver == null) {
//				mObserver = new DataSetObserver();
//			}
//			VerticalViewPagerCompat.setDataSetObserver(mAdapter, mObserver);
			mPopulatePending = false;
			if (mRestoredCurItem >= 0) {
				mAdapter.restoreState(mRestoredAdapterState,
						mRestoredClassLoader);
				setCurrentItemInternal(mRestoredCurItem, false, true);
				mRestoredCurItem = -1;
				mRestoredAdapterState = null;
				mRestoredClassLoader = null;
			} else {
				populate();
			}
		}
	}

	public PagerAdapter getAdapter() {
		return mAdapter;
	}

	public void setCurrentItem(int item) {
		mPopulatePending = false;
		setCurrentItemInternal(item, true, false);
	}

	void setCurrentItemInternal(int item, boolean smoothScroll, boolean always) {
		if (mAdapter == null || mAdapter.getCount() <= 0) {
			setScrollingCacheEnabled(false);
			return;
		}
		if (!always && mCurItem == item && mItems.size() != 0) {
			setScrollingCacheEnabled(false);
			return;
		}
		if (item < 0) {
			item = 0;
		} else if (item >= mAdapter.getCount()) {
			item = mAdapter.getCount() - 1;
		}
		if (item > (mCurItem + 1) || item < (mCurItem - 1)) {
			// We are doing a jump by more than one page. To avoid
			// glitches, we want to keep all current pages in the view
			// until the scroll ends.
			for (int i = 0; i < mItems.size(); i++) {
				mItems.get(i).scrolling = true;
			}
		}
		final boolean dispatchSelected = mCurItem != item;
		mCurItem = item;
		populate();
		if (smoothScroll) {
			if (mOrientation == HORIZONTAL) {
				smoothScrollTo(getWidth() * item, 0);
			} else {
				smoothScrollTo(0, getHeight() * item);
			}
			if (dispatchSelected && mOnPageChangeListener != null) {
				mOnPageChangeListener.onPageSelected(item);
			}
		} else {
			if (dispatchSelected && mOnPageChangeListener != null) {
				mOnPageChangeListener.onPageSelected(item);
			}
			completeScroll();
			if (mOrientation == HORIZONTAL) {
				scrollTo(getWidth() * item, 0);
			} else {
				scrollTo(0, getHeight() * item);
			}
		}
	}

	public void setOnPageChangeListener(OnPageChangeListener listener) {
		mOnPageChangeListener = listener;
	}

	/**
	 * Like {@link View#scrollBy}, but scroll smoothly instead of immediately.
	 *
	 * @param dx
	 *            the number of pixels to scroll by on the X axis
	 * @param dy
	 *            the number of pixels to scroll by on the Y axis
	 */
	void smoothScrollTo(int x, int y) {
		if (getChildCount() == 0) {
			// Nothing to do.
			setScrollingCacheEnabled(false);
			return;
		}
		int sx = getScrollX();
		int sy = getScrollY();
		int dx = x - sx;
		int dy = y - sy;
		if (dx == 0 && dy == 0) {
			completeScroll();
			return;
		}

		setScrollingCacheEnabled(true);
		mScrolling = true;
		setScrollState(SCROLL_STATE_SETTLING);
		mScroller.startScroll(sx, sy, dx, dy);
		invalidate();
	}

	void addNewItem(int position, int index) {
		ItemInfo ii = new ItemInfo();
		ii.position = position;
		ii.object = mAdapter.instantiateItem(this, position);
		if (index < 0) {
			mItems.add(ii);
		} else {
			mItems.add(index, ii);
		}
	}

	void dataSetChanged() {
		// This method only gets called if our observer is attached, so mAdapter
		// is non-null.

		boolean needPopulate = mItems.isEmpty() && mAdapter.getCount() > 0;
		int newCurrItem = -1;

		for (int i = 0; i < mItems.size(); i++) {
			final ItemInfo ii = mItems.get(i);
			final int newPos = mAdapter.getItemPosition(ii.object);

			if (newPos == PagerAdapter.POSITION_UNCHANGED) {
				continue;
			}

			if (newPos == PagerAdapter.POSITION_NONE) {
				mItems.remove(i);
				i--;
				mAdapter.destroyItem(this, ii.position, ii.object);
				needPopulate = true;

				if (mCurItem == ii.position) {
					// Keep the current item in the valid range
					newCurrItem = Math.max(0,
							Math.min(mCurItem, mAdapter.getCount() - 1));
				}
				continue;
			}

			if (ii.position != newPos) {
				if (ii.position == mCurItem) {
					// Our current item changed position. Follow it.
					newCurrItem = newPos;
				}

				ii.position = newPos;
				needPopulate = true;
			}
		}

		if (newCurrItem >= 0) {
			// TODO This currently causes a jump.
			setCurrentItemInternal(newCurrItem, false, true);
			needPopulate = true;
		}
		if (needPopulate) {
			populate();
			requestLayout();
		}
	}

	void populate() {
		if (mAdapter == null) {
			return;
		}

		// Bail now if we are waiting to populate. This is to hold off
		// on creating views from the time the user releases their finger to
		// fling to a new position until we have finished the scroll to
		// that position, avoiding glitches from happening at that point.
		if (mPopulatePending) {
			if (DEBUG)
				Log.i(TAG, "populate is pending, skipping for now...");
			return;
		}

		// Also, don't populate until we are attached to a window. This is to
		// avoid trying to populate before we have restored our view hierarchy
		// state and conflicting with what is restored.
		if (getWindowToken() == null) {
			return;
		}

		mAdapter.startUpdate(this);

		final int startPos = mCurItem > 0 ? mCurItem - 1 : mCurItem;
		final int count = mAdapter.getCount();
		final int endPos = mCurItem < (count - 1) ? mCurItem + 1 : count - 1;

		if (DEBUG)
			Log.v(TAG, "populating: startPos=" + startPos + " endPos=" + endPos);

		// Add and remove pages in the existing list.
		int lastPos = -1;
		for (int i = 0; i < mItems.size(); i++) {
			ItemInfo ii = mItems.get(i);
			if ((ii.position < startPos || ii.position > endPos)
					&& !ii.scrolling) {
				if (DEBUG)
					Log.i(TAG, "removing: " + ii.position + " @ " + i);
				mItems.remove(i);
				i--;
				mAdapter.destroyItem(this, ii.position, ii.object);
			} else if (lastPos < endPos && ii.position > startPos) {
				// The next item is outside of our range, but we have a gap
				// between it and the last item where we want to have a page
				// shown. Fill in the gap.
				lastPos++;
				if (lastPos < startPos) {
					lastPos = startPos;
				}
				while (lastPos <= endPos && lastPos < ii.position) {
					if (DEBUG)
						Log.i(TAG, "inserting: " + lastPos + " @ " + i);
					addNewItem(lastPos, i);
					lastPos++;
					i++;
				}
			}
			lastPos = ii.position;
		}

		// Add any new pages we need at the end.
		lastPos = mItems.size() > 0 ? mItems.get(mItems.size() - 1).position
				: -1;
		if (lastPos < endPos) {
			lastPos++;
			lastPos = lastPos > startPos ? lastPos : startPos;
			while (lastPos <= endPos) {
				if (DEBUG)
					Log.i(TAG, "appending: " + lastPos);
				addNewItem(lastPos, -1);
				lastPos++;
			}
		}

		if (DEBUG) {
			Log.i(TAG, "Current page list:");
			for (int i = 0; i < mItems.size(); i++) {
				Log.i(TAG, "#" + i + ": page " + mItems.get(i).position);
			}
		}

		mAdapter.finishUpdate(this);
	}

	public static class SavedState extends BaseSavedState {
		int position;
		Parcelable adapterState;
		ClassLoader loader;

		public SavedState(Parcelable superState) {
			super(superState);
		}

		@Override
		public void writeToParcel(Parcel out, int flags) {
			super.writeToParcel(out, flags);
			out.writeInt(position);
			out.writeParcelable(adapterState, flags);
		}

		@Override
		public String toString() {
			return "FragmentPager.SavedState{"
					+ Integer.toHexString(System.identityHashCode(this))
					+ " position=" + position + "}";
		}

		public static final Parcelable.Creator<SavedState> CREATOR = ParcelableCompat
				.newCreator(new ParcelableCompatCreatorCallbacks<SavedState>() {
					@Override
					public SavedState createFromParcel(Parcel in,
							ClassLoader loader) {
						return new SavedState(in, loader);
					}

					@Override
					public SavedState[] newArray(int size) {
						return new SavedState[size];
					}
				});

		SavedState(Parcel in, ClassLoader loader) {
			super(in);
			if (loader == null) {
				loader = getClass().getClassLoader();
			}
			position = in.readInt();
			adapterState = in.readParcelable(loader);
			this.loader = loader;
		}
	}

	@Override
	public Parcelable onSaveInstanceState() {
		try
		{
			Parcelable superState = (Parcelable)super.onSaveInstanceState();
			System.out.println("GGGGG333");

				System.out.println("GGGGG");
				SavedState ss = new SavedState(superState);
				ss.position = mCurItem;
				ss.adapterState = mAdapter.saveState();
				return ss;
		}catch(Exception e)
		{
			e.printStackTrace();
			return null;
		}

	}

	@Override
	public void onRestoreInstanceState(Parcelable state) {
		if (!(state instanceof SavedState)) {
			super.onRestoreInstanceState(state);
			return;
		}

		SavedState ss = (SavedState) state;
		super.onRestoreInstanceState(ss.getSuperState());

		if (mAdapter != null) {
			mAdapter.restoreState(ss.adapterState, ss.loader);
			setCurrentItemInternal(ss.position, false, true);
		} else {
			mRestoredCurItem = ss.position;
			mRestoredAdapterState = ss.adapterState;
			mRestoredClassLoader = ss.loader;
		}
	}

	public int getOrientation() {
		return mOrientation;
	}

	public void setOrientation(int orientation) {
		switch (orientation) {
		case HORIZONTAL:
		case VERTICAL:
			break;

		default:
			throw new IllegalArgumentException(
					"Only HORIZONTAL and VERTICAL are valid orientations.");
		}

		if (orientation == mOrientation) {
			return;
		}

		// Complete any scroll we are currently in the middle of
		completeScroll();

		// Reset values
		mInitialMotion = 0;
		mLastMotionX = 0;
		mLastMotionY = 0;
		if (mVelocityTracker != null) {
			mVelocityTracker.clear();
		}

		// Adjust scroll for new orientation
		mOrientation = orientation;
		if (mOrientation == HORIZONTAL) {
			scrollTo(mCurItem * getWidth(), 0);
		} else {
			scrollTo(0, mCurItem * getHeight());
		}
		requestLayout();
	}

	@Override
	public void addView(View child, int index, ViewGroup.LayoutParams params) {
		if (mInLayout) {
			addViewInLayout(child, index, params);
			child.measure(mChildWidthMeasureSpec, mChildHeightMeasureSpec);
		} else {
			super.addView(child, index, params);
		}

		if (USE_CACHE) {
			if (child.getVisibility() != GONE) {
				child.setDrawingCacheEnabled(mScrollingCacheEnabled);
			} else {
				child.setDrawingCacheEnabled(false);
			}
		}
	}

	ItemInfo infoForChild(View child) {
		for (int i = 0; i < mItems.size(); i++) {
			ItemInfo ii = mItems.get(i);
			if (mAdapter.isViewFromObject(child, ii.object)) {
				return ii;
			}
		}
		return null;
	}

	@Override
	protected void onAttachedToWindow() {
		super.onAttachedToWindow();
		if (mAdapter != null) {
			populate();
		}
	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		// For simple implementation, or internal size is always 0.
		// We depend on the container to specify the layout size of
		// our view. We can't really know what it is since we will be
		// adding and removing different arbitrary views and do not
		// want the layout to change as this happens.
		setMeasuredDimension(getDefaultSize(0, widthMeasureSpec),
				getDefaultSize(0, heightMeasureSpec));

		// Children are just made to fill our space.
		mChildWidthMeasureSpec = MeasureSpec.makeMeasureSpec(getMeasuredWidth()
				- getPaddingLeft() - getPaddingRight(), MeasureSpec.EXACTLY);
		mChildHeightMeasureSpec = MeasureSpec.makeMeasureSpec(
				getMeasuredHeight() - getPaddingTop() - getPaddingBottom(),
				MeasureSpec.EXACTLY);

		// Make sure we have created all fragments that we need to have shown.
		mInLayout = true;
		populate();
		mInLayout = false;

		// Make sure all children have been properly measured.
		final int size = getChildCount();
		for (int i = 0; i < size; ++i) {
			final View child = getChildAt(i);
			if (child.getVisibility() != GONE) {
				if (DEBUG)
					Log.v(TAG, "Measuring #" + i + " " + child + ": "
							+ mChildWidthMeasureSpec + " x "
							+ mChildHeightMeasureSpec);
				child.measure(mChildWidthMeasureSpec, mChildHeightMeasureSpec);
			}
		}
	}

	@Override
	protected void onSizeChanged(int w, int h, int oldw, int oldh) {
		super.onSizeChanged(w, h, oldw, oldh);

		// Make sure scroll position is set correctly.
		if (mOrientation == HORIZONTAL) {
			int scrollPos = mCurItem * w;
			if (scrollPos != getScrollX()) {
				completeScroll();
				scrollTo(scrollPos, getScrollY());
			}
		} else {
			int scrollPos = mCurItem * h;
			if (scrollPos != getScrollY()) {
				completeScroll();
				scrollTo(getScrollX(), scrollPos);
			}
		}
	}

	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		mInLayout = true;
		populate();
		mInLayout = false;

		final int count = getChildCount();
		final int size = (mOrientation == HORIZONTAL) ? r - l : b - t;

		for (int i = 0; i < count; i++) {
			View child = getChildAt(i);
			ItemInfo ii;
			if (child.getVisibility() != GONE
					&& (ii = infoForChild(child)) != null) {
				int off = size * ii.position;
				int childLeft = getPaddingLeft();
				int childTop = getPaddingTop();
				if (mOrientation == HORIZONTAL) {
					childLeft += off;
				} else {
					childTop += off;
				}
				if (DEBUG)
					Log.v(TAG,
							"Positioning #" + i + " " + child + " f="
									+ ii.object + ":" + childLeft + ","
									+ childTop + " " + child.getMeasuredWidth()
									+ "x" + child.getMeasuredHeight());
				child.layout(childLeft, childTop,
						childLeft + child.getMeasuredWidth(),
						childTop + child.getMeasuredHeight());
			}
		}
	}

	@Override
	public void computeScroll() {
		if (DEBUG)
			Log.i(TAG, "computeScroll: finished=" + mScroller.isFinished());
		if (!mScroller.isFinished()) {
			if (mScroller.computeScrollOffset()) {
				if (DEBUG)
					Log.i(TAG, "computeScroll: still scrolling");
				int oldX = getScrollX();
				int oldY = getScrollY();
				int x = mScroller.getCurrX();
				int y = mScroller.getCurrY();

				if (oldX != x || oldY != y) {
					scrollTo(x, y);
				}

				if (mOnPageChangeListener != null) {
					int size;
					int value;
					if (mOrientation == HORIZONTAL) {
						size = getWidth();
						value = x;
					} else {
						size = getHeight();
						value = y;
					}

					final int position = value / size;
					final int offsetPixels = value % size;
					final float offset = (float) offsetPixels / size;
					mOnPageChangeListener.onPageScrolled(position, offset,
							offsetPixels);
				}

				// Keep on drawing until the animation has finished.
				invalidate();
				return;
			}
		}

		// Done with scroll, clean up state.
		completeScroll();
	}

	private void completeScroll() {
		boolean needPopulate;
		if ((needPopulate = mScrolling)) {
			// Done with scroll, no longer want to cache view drawing.
			setScrollingCacheEnabled(false);
			mScroller.abortAnimation();
			int oldX = getScrollX();
			int oldY = getScrollY();
			int x = mScroller.getCurrX();
			int y = mScroller.getCurrY();
			if (oldX != x || oldY != y) {
				scrollTo(x, y);
			}
			setScrollState(SCROLL_STATE_IDLE);
		}
		mPopulatePending = false;
		mScrolling = false;
		for (int i = 0; i < mItems.size(); i++) {
			ItemInfo ii = mItems.get(i);
			if (ii.scrolling) {
				needPopulate = true;
				ii.scrolling = false;
			}
		}
		if (needPopulate) {
			populate();
		}
	}

	@Override
	public boolean onInterceptTouchEvent(MotionEvent ev) {
		/*
		 * This method JUST determines whether we want to intercept the motion.
		 * If we return true, onMotionEvent will be called and we do the actual
		 * scrolling there.
		 */

		final int action = ev.getAction() & MotionEventCompat.ACTION_MASK;

		// Always take care of the touch gesture being complete.
		if (action == MotionEvent.ACTION_CANCEL
				|| action == MotionEvent.ACTION_UP) {
			// Release the drag.
			if (DEBUG)
				Log.v(TAG, "Intercept done!");
			mIsBeingDragged = false;
			mIsUnableToDrag = false;
			mActivePointerId = INVALID_POINTER;
			return false;
		}

		// Nothing more to do here if we have decided whether or not we
		// are dragging.
		if (action != MotionEvent.ACTION_DOWN) {
			if (mIsBeingDragged) {
				if (DEBUG)
					Log.v(TAG, "Intercept returning true!");
				return true;
			}
			if (mIsUnableToDrag) {
				if (DEBUG)
					Log.v(TAG, "Intercept returning false!");
				return false;
			}
		}

		switch (action) {
		case MotionEvent.ACTION_MOVE: {
			/*
			 * mIsBeingDragged == false, otherwise the shortcut would have
			 * caught it. Check whether the user has moved far enough from his
			 * original down touch.
			 */

			/*
			 * Locally do absolute value. mLastMotionY is set to the y value of
			 * the down event.
			 */
			final int activePointerId = mActivePointerId;
			if (activePointerId == INVALID_POINTER
					&& Build.VERSION.SDK_INT > Build.VERSION_CODES.DONUT) {
				// If we don't have a valid id, the touch down wasn't on
				// content.
				break;
			}

			final int pointerIndex = MotionEventCompat.findPointerIndex(ev,
					activePointerId);
			final float x = MotionEventCompat.getX(ev, pointerIndex);
			final float y = MotionEventCompat.getY(ev, pointerIndex);
			final float xDiff = Math.abs(x - mLastMotionX);
			final float yDiff = Math.abs(y - mLastMotionY);
			float primaryDiff;
			float secondaryDiff;

			if (mOrientation == HORIZONTAL) {
				primaryDiff = xDiff;
				secondaryDiff = yDiff;
			} else {
				primaryDiff = yDiff;
				secondaryDiff = xDiff;
			}

			if (DEBUG)
				Log.v(TAG, "Moved x to " + x + "," + y + " diff=" + xDiff + ","
						+ yDiff);

			if (primaryDiff > mTouchSlop && primaryDiff > secondaryDiff) {
				if (DEBUG)
					Log.v(TAG, "Starting drag!");
				mIsBeingDragged = true;
				setScrollState(SCROLL_STATE_DRAGGING);
				if (mOrientation == HORIZONTAL) {
					mLastMotionX = x;
				} else {
					mLastMotionY = y;
				}
				setScrollingCacheEnabled(true);
			} else {
				if (secondaryDiff > mTouchSlop) {
					// The finger has moved enough in the vertical
					// direction to be counted as a drag... abort
					// any attempt to drag horizontally, to work correctly
					// with children that have scrolling containers.
					if (DEBUG)
						Log.v(TAG, "Starting unable to drag!");
					mIsUnableToDrag = true;
				}
			}
			break;
		}

		case MotionEvent.ACTION_DOWN: {
			/*
			 * Remember location of down touch. ACTION_DOWN always refers to
			 * pointer index 0.
			 */
			if (mOrientation == HORIZONTAL) {
				mLastMotionX = mInitialMotion = ev.getX();
				mLastMotionY = ev.getY();
			} else {
				mLastMotionX = ev.getX();
				mLastMotionY = mInitialMotion = ev.getY();
			}
			mActivePointerId = MotionEventCompat.getPointerId(ev, 0);

			if (mScrollState == SCROLL_STATE_SETTLING) {
				// Let the user 'catch' the pager as it animates.
				mIsBeingDragged = true;
				mIsUnableToDrag = false;
				setScrollState(SCROLL_STATE_DRAGGING);
			} else {
				completeScroll();
				mIsBeingDragged = false;
				mIsUnableToDrag = false;
			}

			if (DEBUG)
				Log.v(TAG, "Down at " + mLastMotionX + "," + mLastMotionY
						+ " mIsBeingDragged=" + mIsBeingDragged
						+ "mIsUnableToDrag=" + mIsUnableToDrag);
			break;
		}

		case MotionEventCompat.ACTION_POINTER_UP:
			onSecondaryPointerUp(ev);
			break;
		}

		/*
		 * The only time we want to intercept motion events is if we are in the
		 * drag mode.
		 */
		return mIsBeingDragged;
	}

	@Override
	public boolean onTouchEvent(MotionEvent ev) {

		if (ev.getAction() == MotionEvent.ACTION_DOWN && ev.getEdgeFlags() != 0) {
			// Don't handle edge touches immediately -- they may actually belong
			// to one of our
			// descendants.
			return false;
		}

		if (mAdapter == null || mAdapter.getCount() == 0) {
			// Nothing to present or scroll; nothing to touch.
			return false;
		}

		if (mVelocityTracker == null) {
			mVelocityTracker = VelocityTracker.obtain();
		}
		mVelocityTracker.addMovement(ev);

		final int action = ev.getAction();

		switch (action & MotionEventCompat.ACTION_MASK) {
		case MotionEvent.ACTION_DOWN: {
			/*
			 * If being flinged and user touches, stop the fling. isFinished
			 * will be false if being flinged.
			 */
			completeScroll();

			// Remember where the motion event started
			if (mOrientation == HORIZONTAL) {
				mLastMotionX = mInitialMotion = ev.getX();
			} else {
				mLastMotionY = mInitialMotion = ev.getY();
			}
			mActivePointerId = MotionEventCompat.getPointerId(ev, 0);
			break;
		}
		case MotionEvent.ACTION_MOVE:
			if (!mIsBeingDragged) {
				final int pointerIndex = MotionEventCompat.findPointerIndex(ev,
						mActivePointerId);
				final float x = MotionEventCompat.getX(ev, pointerIndex);
				final float y = MotionEventCompat.getY(ev, pointerIndex);
				final float xDiff = Math.abs(x - mLastMotionX);
				final float yDiff = Math.abs(y - mLastMotionY);
				float primaryDiff;
				float secondaryDiff;

				if (mOrientation == HORIZONTAL) {
					primaryDiff = xDiff;
					secondaryDiff = yDiff;
				} else {
					primaryDiff = yDiff;
					secondaryDiff = xDiff;
				}

				if (DEBUG)
					Log.v(TAG, "Moved x to " + x + "," + y + " diff=" + xDiff
							+ "," + yDiff);
				if (primaryDiff > mTouchSlop && primaryDiff > secondaryDiff) {
					if (DEBUG)
						Log.v(TAG, "Starting drag!");
					mIsBeingDragged = true;
					if (mOrientation == HORIZONTAL) {
						mLastMotionX = x;
					} else {
						mLastMotionY = y;
					}
					setScrollState(SCROLL_STATE_DRAGGING);
					setScrollingCacheEnabled(true);
				}
			}
			if (mIsBeingDragged) {
				// Scroll to follow the motion event
				final int activePointerIndex = MotionEventCompat
						.findPointerIndex(ev, mActivePointerId);
				final float x = MotionEventCompat.getX(ev, activePointerIndex);
				final float y = MotionEventCompat.getY(ev, activePointerIndex);

				int size;
				float scroll;

				if (mOrientation == HORIZONTAL) {
					size = getWidth();
					scroll = getScrollX() + (mLastMotionX - x);
					mLastMotionX = x;
				} else {
					size = getHeight();
					scroll = getScrollY() + (mLastMotionY - y);
					mLastMotionY = y;
				}

				final float lowerBound = Math.max(0, (mCurItem - 1) * size);
				final float upperBound = Math.min(mCurItem + 1,
						mAdapter.getCount() - 1)
						* size;
				if (scroll < lowerBound) {
					scroll = lowerBound;
				} else if (scroll > upperBound) {
					scroll = upperBound;
				}
				if (mOrientation == HORIZONTAL) {
					// Don't lose the rounded component
					mLastMotionX += scroll - (int) scroll;
					scrollTo((int) scroll, getScrollY());
				} else {
					// Don't lose the rounded component
					mLastMotionY += scroll - (int) scroll;
					scrollTo(getScrollX(), (int) scroll);
				}
				if (mOnPageChangeListener != null) {
					final int position = (int) scroll / size;
					final int positionOffsetPixels = (int) scroll % size;
					final float positionOffset = (float) positionOffsetPixels
							/ size;
					mOnPageChangeListener.onPageScrolled(position,
							positionOffset, positionOffsetPixels);
				}
			}
			break;
		case MotionEvent.ACTION_UP:
			if (mIsBeingDragged) {
				final VelocityTracker velocityTracker = mVelocityTracker;
				velocityTracker.computeCurrentVelocity(1000, mMaximumVelocity);
				int initialVelocity;
				float lastMotion;
				int sizeOverThree;

				if (mOrientation == HORIZONTAL) {
					initialVelocity = (int) VelocityTrackerCompat.getXVelocity(
							velocityTracker, mActivePointerId);
					lastMotion = mLastMotionX;
					sizeOverThree = getWidth() / 3;
				} else {
					initialVelocity = (int) VelocityTrackerCompat.getYVelocity(
							velocityTracker, mActivePointerId);
					lastMotion = mLastMotionY;
					sizeOverThree = getHeight() / 3;
				}

				mPopulatePending = true;
				if ((Math.abs(initialVelocity) > mMinimumVelocity)
						|| Math.abs(mInitialMotion - lastMotion) >= sizeOverThree) {
					if (lastMotion > mInitialMotion) {
						setCurrentItemInternal(mCurItem - 1, true, true);
					} else {
						setCurrentItemInternal(mCurItem + 1, true, true);
					}
				} else {
					setCurrentItemInternal(mCurItem, true, true);
				}

				mActivePointerId = INVALID_POINTER;
				endDrag();
			}
			break;
		case MotionEvent.ACTION_CANCEL:
			if (mIsBeingDragged) {
				setCurrentItemInternal(mCurItem, true, true);
				mActivePointerId = INVALID_POINTER;
				endDrag();
			}
			break;
		case MotionEventCompat.ACTION_POINTER_DOWN: {
			final int index = MotionEventCompat.getActionIndex(ev);
			if (mOrientation == HORIZONTAL) {
				mLastMotionX = MotionEventCompat.getX(ev, index);
			} else {
				mLastMotionY = MotionEventCompat.getY(ev, index);
			}
			mActivePointerId = MotionEventCompat.getPointerId(ev, index);
			break;
		}
		case MotionEventCompat.ACTION_POINTER_UP:
			onSecondaryPointerUp(ev);
			final int index = MotionEventCompat.findPointerIndex(ev,
					mActivePointerId);
			if (mOrientation == HORIZONTAL) {
				mLastMotionX = MotionEventCompat.getX(ev, index);
			} else {
				mLastMotionY = MotionEventCompat.getY(ev, index);
			}
			break;
		}
		return true;
	}

	private void onSecondaryPointerUp(MotionEvent ev) {
		final int pointerIndex = MotionEventCompat.getActionIndex(ev);
		final int pointerId = MotionEventCompat.getPointerId(ev, 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;
			if (mOrientation == HORIZONTAL) {
				mLastMotionX = MotionEventCompat.getX(ev, newPointerIndex);
			} else {
				mLastMotionY = MotionEventCompat.getY(ev, newPointerIndex);
			}
			mActivePointerId = MotionEventCompat.getPointerId(ev,
					newPointerIndex);
			if (mVelocityTracker != null) {
				mVelocityTracker.clear();
			}
		}
	}

	private void endDrag() {
		mIsBeingDragged = false;
		mIsUnableToDrag = false;

		if (mVelocityTracker != null) {
			mVelocityTracker.recycle();
			mVelocityTracker = null;
		}
	}

	private void setScrollingCacheEnabled(boolean enabled) {
		if (mScrollingCacheEnabled != enabled) {
			mScrollingCacheEnabled = enabled;
			if (USE_CACHE) {
				final int size = getChildCount();
				for (int i = 0; i < size; ++i) {
					final View child = getChildAt(i);
					if (child.getVisibility() != GONE) {
						child.setDrawingCacheEnabled(enabled);
					}
				}
			}
		}
	}

//	private class DataSetObserver implements
//			VerticalViewPagerCompat.DataSetObserver {
//		@Override
//		public void onDataSetChanged() {
//			dataSetChanged();
//		}
//	}

	/**
	 * 把setAdapter简单封装一下,使得外部调用类只需传递一个List<ImageView>即可
	 * @param images 图片集合
	 */
	public void setImages(List<ImageView> images)
	{
		myPagerAdapter=new MyPagerAdapter(getContext(), images);
		setAdapter(myPagerAdapter);
	}

	/**
	 * 自定义PagerAdapter
	 * @author Android将军
	 *
	 */
	 private class MyPagerAdapter  extends PagerAdapter{
	    	private Context context;
	    	private List<ImageView> images;
	    	public MyPagerAdapter(Context context,List<ImageView> images)
	    	{
	    		this.context=context;
	    		this.images=images;
	    	}

	        @Override
	        public void destroyItem(View container, int position, Object object) {
	            // TODO Auto-generated method stub
	            //((ViewPag.er)container).removeView((View)object);
	            ((ViewPager)container).removeView(images.get(position));

	        }

	        @Override
	        public Object instantiateItem(View container, int position) {
	            // TODO Auto-generated method stub
	            ((ViewPager)container).addView(images.get(position));
	            return images.get(position);
	        }

	        @Override
	        public int getCount() {
	            // TODO Auto-generated method stub
	            return images.size();
	        }

	        @Override
	        public boolean isViewFromObject(View arg0, Object arg1) {
	            // TODO Auto-generated method stub
	            return arg0 == arg1;
	        }
	        @Override
	        public void restoreState(Parcelable arg0, ClassLoader arg1) {
	            // TODO Auto-generated method stub

	        }

	        @Override
	        public Parcelable saveState() {
	            // TODO Auto-generated method stub
	            return null;
	        }

	        @Override
	        public void startUpdate(View arg0) {
	            // TODO Auto-generated method stub

	        }

	        @Override
	        public void finishUpdate(View arg0) {
	            // TODO Auto-generated method stub

	        }

	    }
}

运行效果截图如下:

好了,其实要讲的就是这么多,转载请注明出处:http://blog.csdn.net/android_jiangjun/article/details/39642093

时间: 2024-11-17 03:21:02

Android之上下滑动的引导页的相关文章

Android 仿网易新闻v3.5:上下滑动的引导页

版权声明:本文为博主原创文章,未经博主允许不得转载. 最近看了下网易新闻月初发布的3.5版,发现两个比较明显的改动: 1.引导页的修改,变为上下滑动. 2.增加了聚合阅读,里面的动画效果也是蛮有创意的.于是又禁不住模仿一下 这次先看这个上下滑动的引导页效果图: 这种效果具体怎么做呢? 首先直接上github,直接看有没有相关的开源项目,果不其然,被我找到了: https://github.com/JakeWharton/Android-DirectionalViewPager JakeWhart

android使用ViewPager实现欢迎引导页

android使用ViewPager实现欢迎引导页 大多数APP第一次启动的时候,都会有一个引导界面,左右滑动,到最后一张,用户点击才再次进入主界面.当第二次启动的时候,则直接进入主界面. 这种效果一般使用ViewPager实现.今天就来为大家介绍一下ViewPager的使用. 实现步骤: 使用SharedPerferences来记录是否是第一次启动APP,如果是,则转跳到Guide页面,如果不是第一次启动.就转跳到主Activity. MainActivity: 本Activity作为Logo

Android学习之加圆点引导页的实现

今天周六,在家好好码代码..... 今天实现的是界面优化的一个简单功能:加圆点的引导页的实现 虽然简单,不过步骤我们还是一步一步来吧 第一步:实现几个View之间的左右滑动,我这次用了四个View(ViewPager) 以下是我的Guide 的布局页面: 1 <?xml version="1.0" encoding="utf-8"?> 2 <RelativeLayout xmlns:android="http://schemas.andr

android仿网易云音乐引导页、仿书旗小说Flutter版、ViewPager切换、爆炸菜单、风扇叶片效果等源码

Android精选源码 复现网易云音乐引导页效果 高仿书旗小说 Flutter版,支持iOS.Android Android Srt和Ass字幕解析器 Material Design ViewPager切换变色美观效果 卡证识别 相机样式 Android炫酷爆炸效果的菜单源码 Android简洁优雅可点击的toast控件,仿手机百度 Android实现水平列表,其中的项目像风扇叶片一样移动效果 让你的RecyclerView秀出传送带效果,支持横向和纵向两种选... 一种流式布局的效果,很像我们

Android ViewPager欢迎页+引导页+进入首页

1 import android.app.Activity; 2 import android.content.Intent; 3 import android.content.SharedPreferences; 4 import android.content.SharedPreferences.Editor; 5 import android.os.Bundle; 6 import android.os.Handler; 7 8 /** 欢迎界面 */ 9 public class Wel

Android用户引导页实现,圆点实现动画效果

当前市面上比较流行的应用,用户引导页已经是一个必不可缺的功能点了,简单的介绍下应用的基础功能或者版本升级功能点介绍. 那么常用的用户引导页是如何实现的呢?这篇文章就说说我个人用到的,并且觉得使用不错的效果. 1.首先定义布局文件guide_layout.xml文件,主要使用ViewPager做页面显示,使用一个圆点布局显示圆点,圆点根据图片数目动态添加. guide_layout.xml文件的代码如下: <?xml version="1.0" encoding="utf

Android引导页设计

大家在安装好一个应用后,第一次打开时往往会出现一个使用引导页,形式一般为三.四张图片,随着我们的滑动进行切换,在最后一页会有一个进入应用的按钮,我们通过点击这个按钮可以进入应用,其实这其中没有太多的复杂的地方,切换的完成就是一个ViewPager,说了这么多,下面开始为大家解读代码: 开始我们的设计之前我们需要做一些准备工作,首先我们新建一个工程,然后选择工程通过右键单击properties,然后选择Java Build Path,点击右侧Libraries,再点击Add jar,将我们工程li

Android 1分钟教你打造酷炫的引导页(实现ViewPager淡入淡出切换)

纯手工自制的Android引导页,实现了Viewpager切换的淡入淡出(页面不移动!)切换以及文字动画. 下面是效果演示: 实现思路+心路历程...: 其实别的都还蛮简单的,就是这个ViewPager的淡入淡出切换动画比较棘手,以前都没有做过,然后去网上找了好久好久. 其中碰到各种坑无数,大概90%的人是引的 JazzyViewPager的包然后就balabala说自己实现了种种功能,真是醉了.... 结论是国内根本找不到这个效果的实现嘛.... 然后 在Github下了JazzyViewPa

Android仿大众点评引导页(ViewPage)+主页面(Fragment)的实现

大家好,今天主要是实现仿大众点评引导页和主页面以及城市定位的实现,主要使用ViewPager+Fragment+SharedPreferences,实现了第一次打开程序出现引导页,再次打开跳过引导页,这也是一般应用常用的应用基本架构方式.下面首先来看最终实现效果如下图: 1.布局文件说明 1)欢迎页布局文件welcome.xml 2) 引导页布局文件welcome_guide.xml 3)首页布局文件main_home.xml 4)团购布局文件main_tuan.xml 5) 发现布局文件mai