仿多页面滑动切换时背景指示图(如TAB文字下边的白条等)的动画实现原理,例PagerSlidingTabStrip

来源：互联网发布：仿淘宝大花朵钩花帽子编辑：程序博客网时间：2024/05/20 07:15

参考:

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

http://blog.csdn.net/wangjinyu501/article/details/8169924

原理:上边的例子是页面切换后(被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

0 0