用属性动画简简单单实现android导航栏特效

过年时候,优酷的导航栏切换出现一个效果:点击选中的导航栏按钮出现图片上移的效果。感觉新鲜有意思,所以自己写了一个小demo。直接上效果图。
这里写图片描述
下面是代码部分,很简单只用属性动画就可以实现:
当控件被选中时,实现下列动画(放大,向上平移):

final ObjectAnimator scaleX = ObjectAnimator.ofFloat(view, View.SCALE_X, 1f, 1.1f);
final ObjectAnimator scaleY = ObjectAnimator.ofFloat(view, View.SCALE_Y, 1f, 1.1f);
final ObjectAnimator translationY = ObjectAnimator.ofFloat(view, View.TRANSLATION_Y, 0, -15);
AnimatorSet set = new AnimatorSet();
set.playTogether(scaleX, scaleY, translationY);
set.setDuration(200);
set.start();

同理,失去选中状态的控件执行相反动画(缩小,向下平移):

final ObjectAnimator scaleX = ObjectAnimator.ofFloat(view, View.SCALE_X, 1.1f, 1f);
final ObjectAnimator scaleY = ObjectAnimator.ofFloat(view, View.SCALE_Y, 1.1f, 1f);
final ObjectAnimator translationY = ObjectAnimator.ofFloat(view, View.TRANSLATION_Y, -15, 0);

这里布局需要特别注意:
执行动画的控件如果在导航栏布局内部,执行平移动画,平移出去的部分会被导航栏覆盖。

有什么意见或建议请加我微信号,告诉我吧! tm1989tm

demo下载:
android导航按钮点击切换动画 demo下载

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值