现在的位置: 首页 > 综合 > 正文

android-左右滑动页面设计-仿微信滑动引导页面

2013年12月09日 ⁄ 综合 ⁄ 共 2122字 ⁄ 字号 评论关闭

要转的朋友请保留博客地址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

抱歉!评论已关闭.