仿多页面滑动切换时背景指示图(如TAB文字下边的白条等)的动画实现原理,例PagerSlidingTabStrip
2014-05-08 10:50
357 查看
参考:
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
参考ViewPager中的实现:PagerTitleStrip ,PagerTabStrip
/article/1402552.html
原理:上边的例子是页面切换后(被select时,动画执行过去)
1.viewPager来组装各个页面
2.计算每个位置下的偏移量
3.监听当页面切换时触发指示图的移动动画(似乎没有通用的动画,需要根据不同位置的切换来分类,左向右,右向左)
指示图随手势move,移动原理:// 暂时未找到例子,基本原理应该正确// by zj
参考:http://blog.csdn.net/lancees/article/details/9164421 // 成熟控件,制作actionbarSherlock的作者所写
1.onTouch实现效果
2.down时记录下初始位置
3.move时计算move偏差,除以屏幕宽(页面宽)得到移动比例
4.根据比例计算指示图的偏移量,即时更改其位置,实现随手势move
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
参考ViewPager中的实现:PagerTitleStrip ,PagerTabStrip
/article/1402552.html
原理:上边的例子是页面切换后(被select时,动画执行过去)
1.viewPager来组装各个页面
2.计算每个位置下的偏移量
3.监听当页面切换时触发指示图的移动动画(似乎没有通用的动画,需要根据不同位置的切换来分类,左向右,右向左)
指示图随手势move,移动原理:// 暂时未找到例子,基本原理应该正确// by zj
参考:http://blog.csdn.net/lancees/article/details/9164421 // 成熟控件,制作actionbarSherlock的作者所写
1.onTouch实现效果
2.down时记录下初始位置
3.move时计算move偏差,除以屏幕宽(页面宽)得到移动比例
4.根据比例计算指示图的偏移量,即时更改其位置,实现随手势move
相关文章推荐
- 三层交换原理及示例详解
- 1065--Wooden Sticks解题报告
- 【转载】北大acm 题目分类
- 畅通工程算法及代码
- 非常可乐
- red and black广度搜索算法实现
- Catch That Cow代码
- ubuntu14.04上安装深度音乐和深度影音
- 优化checkbox和radio,类似Bootstrap中的iCheck
- Everybody was Kung Fu fighting !
- HTML5和CSS3中的交互新特性
- ffmpeg开发指南
- jQuery.extend()、jQuery.fn.extend()扩展方法详解
- uboot中.balig解释说明
- ios7.1 setButtonImage( setimage跟创建button不在一方法体中的情况)
- Appium IOS 自动化测试初探
- PostgreSQL数据库dblink和postgres_fdw扩展使用比较
- 每次写算法程序的时候总是纠结在动态分配内存上面,这次总算是明白了
- _INTSIZEOF(n)
- IIS 6.0 401 错误