【问题标题】:Transform and scale animation on a View在视图上变换和缩放动画
【发布时间】:2014-04-20 20:25:48
【问题描述】:

我有一个线性布局,其中包含三个图像。单击任何 ImageView 我想为整个线性布局设置动画。动画由两个动画组成 - 缩放和变换。我不知道如何执行这个动画。

这就是我想要的——

图片 1 - 动画前

图片 2 - 动画后

我不仅想为 View 设置动画,还想通过动画将 View 转移到新位置。动画之后,我应该能够在新位置而不是旧位置单击图像。

我该如何执行此操作?请帮帮我。

【问题讨论】:

  • 如果我缩放和变换线性布局(父视图),它的图像(子视图)也会被缩放和变换吗?

标签: android scale translate-animation


【解决方案1】:

我使用 Nineoldandroids 库来实现这个动画。我使用了两个动​​画:平移和缩放。

翻译:

ObjectAnimator.ofFloat(frameCategoryScroll, "translationY", 0, -yValue).setDuration(600).start();

yValue 是我要翻译的 y 轴上的值。

缩放:

ObjectAnimator.ofFloat(frameCategoryScroll, "scaleX", 1.0f, 0.6f).setDuration(600).start();
ObjectAnimator.ofFloat(frameCategoryScroll, "scaleY", 1.0f, 0.6f).setDuration(600).start();

【讨论】:

  • 能否分享一下这种动画的实现方法dailymotion.com/video/x2qx2if
  • @Erum 这是一个轮播效果。我在我的一个项目中实现了这样的效果。有关详细答案,请提出单独的问题,我将在那里回答。这样一来,其他人也将能够获得这种效果的帮助。
  • 我已经使用 FancyCoverFlow 库实现了轮播效果,但问题在于动画部分如何在用户点击任何作为 imageview 的轮播项目后实现动画,但仍无法获得相同的结果,您可以创建吗单独聊天,因为我一定无法提出问题,我已阻止在 SO 中提出问题
  • @Erum 动画的第二部分,即缩小动画非常简单。使用 Nineoldandroid 库。你可以用两行来实现这个效果。 ObjectAnimator.ofFloat(frameCategoryScroll, "scaleX", 1.0f, 0.6f).setDuration(600).start(); ObjectAnimator.ofFloat(frameCategoryScroll, "scaleY", 1.0f, 0.6f).setDuration(600).start();您可以将 0.6f 替换为小于 1.0f 的任何值,具体取决于您想要缩小的数量。希望这会有所帮助。
  • 是的,我制作了示例 prj 其工作的缩小动画,但不知道我的 prj 中的问题是什么,你能进来聊天吗?跨度>
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多