Android Tab页面手势滑动切换以及动画效果
2014-09-22 14:26
323 查看
一、首先,我们来看一下效果图,这是新浪微博的Tab滑动效果。我们可以手势滑动,也可以点击上面的头标进行切换。与此同方式,
白色横条会移动到相应的页卡头标下。这是一个动画效果,白条是缓慢滑动过去的。好了,接下来我们就来实现它。![](https://oscdn.geek-share.com/Uploads/Images/Content/201409/f1028d442df8797d3bd55a84355ce635.jpg)
二、在开始前,我们先要认识一个控件,ViewPager。它是是google SDk中自带的一个附加包的一个类,可以用来实现屏幕间的切换。
这个附加包是android-support-v4.jar,在最后的源码中会提供给大家,在libs文件夹中。当然你也可以自己从网上搜索最新的版本。
找到它后,我们需要在项目中添加
![](https://oscdn.geek-share.com/Uploads/Images/Content/201409/b8176a3113c68658b7e360fc4a9c4132.jpg)
三、我们先做界面,
界面设计很简单,第一行三个头标,第二行动画图片,第三行页卡内容展示。
?
?
(1) 先来变量的定义
?
?
(3) 初始化页卡内容区
?
?
(3) 初始化动画
?
![](https://oscdn.geek-share.com/Uploads/Images/Content/201208/d95742181528fefd7b68bda424ea91f3.jpg)
实现页卡切换监听
?
![](https://oscdn.geek-share.com/Uploads/Images/Content/201409/54ae97f76f6e5b97f78367b0f19befc7.png)
相关文章推荐
- Tab页面手势滑动切换以及动画效果
- Android ViewPager 多页面滑动切换以及效果动画
- Android ViewPager多页面滑动切换以及动画效果
- [Android实例] ViewPager多页面滑动切换以及动画效果
- Android ViewPager多页面滑动切换以及动画效果
- Android ViewPager多页面滑动切换以及动画效果
- Android ViewPager多页面滑动切换以及动画效果!!!
- [转载]Android ViewPager多页面滑动切换以及动画效果
- Android -- ViewPager多页面滑动切换以及动画效果
- Android ViewPager多页面滑动切换以及动画效果
- Android ViewPager多页面滑动切换以及动画效果
- Android ViewPager多页面滑动切换以及动画效果
- Android ViewPager多页面滑动切换以及动画效果
- Android ViewPager多页面滑动切换以及动画效果
- [Android实例] ViewPager多页面滑动切换以及动画效果【转】
- Android ViewPager多页面滑动切换以及动画效果
- Android ViewPager多页面滑动切换以及动画效果
- [Android实例] ViewPager多页面滑动切换以及动画效果(精)
- 【Android 界面效果1】ViewPager多页面滑动切换以及动画效果
- [Android实例] ViewPager多页面滑动切换以及动画效果