android-左右滑動頁面設計-仿微信滑動引導頁面

要轉的朋友請保留博客地址http://blog.csdn.net/swadair/article/details/7529159

w.song.android.widget.jar有了1.0.3版本，新增SlidePageView滑動頁面組件，可直接業務生產使用。

SlidePageView支持各顯示塊的自行定制，不僅可以支持等寬的顯示單元設計，也支持不規則寬度的顯示單元設計。

SlidePageView支持移動滑動和甩手兩種滑動方式。

以下demo的實現代碼非常簡潔，簡單易懂，本文后面貼有詳細源碼和源碼下載地址。

利用SlidePageView組件實現的“微信”滑動引導頁面如圖：

滑動前滑動中滑動結束

SlidePageView不僅可以貼圖片，還可根據業務需要自行設計顯示單元。

利用SlidePageView組件實現的等寬顯示單元設計。顯示單元用到了官方的TextView組件。效果如下：

滑動前滑動中滑動結束

利用SlidePageView組件實現的不規則寬度的顯示單元設計。顯示單元用到了官方的TextView組件。效果如下：

滑動前滑動中滑動到B滑動到C

實現三個例子的源碼如下，大家可以按照代碼范例實現自己的業務需要。

[java]  view plain copy

1. package cn.w.song.ui;  
2.   
3. import android.app.Activity;  
4. import android.os.Bundle;  
5. import android.util.Log;  
6. import android.view.View;  
7. import cn.w.song.widget.scroll.SlidePageView;  
8. import cn.w.song.widget.scroll.SlidePageView.OnPageViewChangedListener;  
9.   
10. /** 
11.  * SlidePageView支持各顯示單元的自行定制，不僅可以支持等寬的顯示單元設計，也支持不規則寬度的顯示單元設計。 
12.  * SlidePageView支持移動滑動和甩手兩種滑動方式。 
13.  * 了解詳情看http://blog.csdn.net/swadair/article/details/7529159 
14.  * 注意確保本項目導入了w.song.android.widget-1.0.3.jar組件包 
15.  * w.song.android.widget-1.0.3.jar下載地址http://download.csdn.net/detail/swadair/4271503 
16.  * @author w.song 
17.  * @version 1.0.1 
18.  * @date 2012-5-2 
19.  */  
20. public class SlidePageViewDemoActivity extends Activity {  
21.     private String tag = "SlidePageViewDemoActivity";  
22.   
23.     @Override  
24.     protected void onCreate(Bundle savedInstanceState) {  
25.         super.onCreate(savedInstanceState);  
26.         setContentView(R.layout.slidepageviewdemo_ui);//仿微信引導頁  
27. //      setContentView(R.layout.slidepageviewdemo_ui_b);//自定義等寬顯示單元demo  
28. //      setContentView(R.layout.slidepageviewdemo_ui_c);//自定義不規則寬度顯示單元demo  
29.         SlidePageView spv = (SlidePageView) findViewById(R.id.slidepageviewtest_ui_SlidePageView_test);  
30.         //spv.setCurrPagePosition(0);//設置當前頁位置  
31.         spv.setOnPageViewChangedListener(new OnPageViewChangedListener() {  
32.   
33.             @Override  
34.             public void OnPageViewChanged(int currPagePosition,  
35.                     View currPageView) {  
36.                 Log.v(tag, "currPagePosition=" + currPagePosition);  
37.             }  
38.         });  
39.     }  
40. }  

下載整個demo項目 android-左右滑動頁面設計-仿微信滑動引導頁面

下載w.song.android.widget-1.0.3.jar