BYDailyNews模仿今日头条的导航条和菜单
这是一个很好地模仿今日头条的导航条及下拉菜单动画效果的Demo.
下拉菜单动画:
当“排序”按钮 未点击时
1.点击上方区域按钮 下拉菜单收回 导航条选择相应按钮
2.点击下方区域按钮 将下方按钮添加于上方区域最后一个位置
当“排序”按钮 点击时
1.点击上方区域按钮 删除该按钮 并移到下方区域
2.点击下方区域按钮 将下方按钮添加于上方区域最后一个位置
3.上方区域按钮可移动 交换位置
4.上方区域按钮可拖动 添加于最后的位置
当各区域按钮 长按1秒后
激活“排序”按钮 动画同上
各相应点击结束后 在导航条中 做出相应动画
注:上方区域第一个按钮不可点击、交换位置
评论