android-左右滑动 引导页面设计-仿微信效果 有截图 附源码

【实例截图】

SlidePageView支持各显示块的自行定制，不仅可以支持等宽的显示单元设计，也支持不规则宽度的显示单元设计。

SlidePageView支持移动滑动和甩手两种滑动方式。

以下demo的实现代码非常简洁，简单易懂，本文后面贴有详细源码和源码下载地址。

利用SlidePageView组件实现的“微信”滑动引导页面如图：

滑动前滑动中滑动结束

SlidePageView不仅可以贴图片，还可根据业务需要自行设计显示单元。

利用SlidePageView组件实现的等宽显示单元设计。显示单元用到了官方的TextView组件。效果如下：

滑动前滑动中滑动结束

利用SlidePageView组件实现的不规则宽度的显示单元设计。显示单元用到了官方的TextView组件。效果如下：

滑动前滑动中滑动到B滑动到C

实现三个例子的源码如下，大家可以按照代码范例实现自己的业务需要。

【核心代码】

package cn.w.song.ui;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import cn.w.song.widget.scroll.SlidePageView;
import cn.w.song.widget.scroll.SlidePageView.OnPageViewChangedListener;

/**
 * SlidePageView支持各显示单元的自行定制，不仅可以支持等宽的显示单元设计，也支持不规则宽度的显示单元设计。
 * SlidePageView支持移动滑动和甩手两种滑动方式。
 * 了解详情看http://blog.csdn.net/swadair/article/details/7529159
 * 注意确保本项目导入了w.song.android.widget-1.0.3.jar组件包
 * w.song.android.widget-1.0.3.jar下载地址http://download.csdn.net/detail/swadair/4271503
 * @author w.song
 * @version 1.0.1
 * @date 2012-5-2
 */
public class SlidePageViewDemoActivity extends Activity {
	private String tag = "SlidePageViewDemoActivity";

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.slidepageviewdemo_ui);//仿微信引导页
//		setContentView(R.layout.slidepageviewdemo_ui_b);//自定义等宽显示单元demo
//		setContentView(R.layout.slidepageviewdemo_ui_c);//自定义不规则宽度显示单元demo
		SlidePageView spv = (SlidePageView) findViewById(R.id.slidepageviewtest_ui_SlidePageView_test);
		//spv.setCurrPagePosition(0);//设置当前页位置
		spv.setOnPageViewChangedListener(new OnPageViewChangedListener() {

			@Override
			public void OnPageViewChanged(int currPagePosition,
					View currPageView) {
				Log.v(tag, "currPagePosition="   currPagePosition);
			}
		});
	}
}