首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Android:布局翻转动画

Android:布局翻转动画
EN

Stack Overflow用户
提问于 2015-09-01 06:41:37
回答 2查看 514关注 0票数 2

我正在尝试开发一个带有动画的UI (Android本地代码)。在这里,当滑动离开时,一个新的布局将显示为翻转动画,而当向下滑动时,另一个布局来自顶部的翻转动画。

单击此处获取UI

当我在两个布局上上下滑动到可见时,我通过点击侦听器实现了这一点,但它不是动画。

当我们将可视设置为visible时,有谁能告诉我们如何添加像翻转这样的动画吗?

有谁能事先告诉我谢谢吗?)

EN

回答 2

Stack Overflow用户

发布于 2015-09-01 07:38:49

检查这个:https://github.com/juliome10/DoubleViewPager

这样你就可以水平地和垂直地滑动。

票数 0
EN

Stack Overflow用户

发布于 2015-09-01 08:49:19

我想您使用的是角质材料,这样您就可以动画化您的ng-隐藏/ng-显示:

  1. 导入ngAnimate
  2. 在您可以动画ng-show之后
  3. 最后,创建css动画或从animate.css回购复制/粘贴 /*当隐藏图片*/ ..ng隐藏-添加{动画: 0.5s bounceOutDown轻松;} /*时显示图片*/ ..ng隐藏-删除{动画: 0.5s bounceInDown轻松;} /*动画(来自ANIMATE.CSS) ======================== */ /*翻转到{ 60%、75%、90%到{动画-定时-函数:立方-贝塞尔(0.215,0.610,0.355,1.000);} 0% {不透明度: 0;转换: translate3d(0,-3000 60,0);} 60% {不透明度: 1;变换: translate3d(0,25 0px,0);} 75% { transform: translate3d(0,10 0px,0);} 90% { transform: translate3d(0,0px,0);} to { transform: none;}} @keyframes { 20% { transform: translate3d(0,0px,0);} 40%,45% {不透明度: 1;变换: translate3d(0,20 to,0);}到{不透明度: 0;转换: translate3d(0,2000 to,0);}}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32325113

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档