This is my Blog!!Welcome to you!!
【分享个人java学习心得和技术问题汇总】

android页面切换viewpager

一、首先,我们来看一下效果图,这是新浪微博的Tab滑动效果。我们可以手势滑动,也可以点击上面的头标进行切换。与此同方式,

白色横条会移动到相应的页卡头标下。这是一个动画效果,白条是缓慢滑动过去的。好了,接下来我们就来实现它。

二、在开始前,我们先要认识一个控件,ViewPager。它是google SDk中自带的一个附加包的一个类,可以用来实现屏幕间的切换。

这个附加包是android-support-v4.jar,在最后的源码中会提供给大家,在libs文件夹中。当然你也可以自己从网上搜索最新的版本。

找到它后,我们需要在项目中添加

三、我们先做界面,

界面设计很简单,第一行三个头标,第二行动画图片,第三行页卡内容展示。

复制代码

复制代码


我们要展示三个页卡,所以还需要三个页卡内容的界面设计,这里我们只设置了背景颜色,能起到区别作用即可。

复制代码

复制代码

四、代码部分要进行初始化的工作

(1) 先来变量的定义

复制代码

复制代码

(2) 初始化头标

复制代码

复制代码
复制代码

复制代码

相信大家看后都没什么问题,点击第几个,就展示第几个页卡内容。

(3) 初始化页卡内容区

复制代码

复制代码

我们将三个页卡界面装入其中,默认显示第一个页卡。这里我们还需要实现一个适配器。

复制代码

复制代码

这里我们实现了各页卡的装入和卸载

(3) 初始化动画

复制代码

复制代码

根据屏幕的分辨率和图片的宽度计算动画移动的偏移量

实现页卡切换监听

复制代码

复制代码

五、打完收工,快来看看自己的劳动成果吧


源码分享http://115.com/file/dpi0unyg

http://www.cnblogs.com/dwinter/archive/2012/02/27/AndroidViewPager%E5%A4%9A%E9%A1%B5%E9%9D%A2%E6%BB%91%E5%8A%A8%E5%88%87%E6%8D%A2%E4%BB%A5%E5%8F%8A%E5%8A%A8%E7%94%BB%E6%95%88%E6%9E%9C.html

未经允许不得转载:Java学习 » android页面切换viewpager

分享到:更多 ()

评论 抢沙发