【发布时间】:2012-02-09 19:21:10
【问题描述】:
有没有办法同时为多个视图设置动画?
我想做的是翻译动画:
我有 5 个 TextViews 和 4 个彩色条带(带有背景的普通 RelativeLayouts)。在动画开始时,stip 与 TextView 堆叠在水平行中。最后,我希望所有 TextViews 都堆叠在条带之间:
这是一个非常简单的绘图,但它展示了我想要做什么。有没有办法用动画做到这一点,或者我必须使用画布动画。
【问题讨论】:
有没有办法同时为多个视图设置动画?
我想做的是翻译动画:
我有 5 个 TextViews 和 4 个彩色条带(带有背景的普通 RelativeLayouts)。在动画开始时,stip 与 TextView 堆叠在水平行中。最后,我希望所有 TextViews 都堆叠在条带之间:
这是一个非常简单的绘图,但它展示了我想要做什么。有没有办法用动画做到这一点,或者我必须使用画布动画。
【问题讨论】:
您可以使用 ObjectAnimator 为多个视图设置动画,如下所示:
ArrayList<ObjectAnimator> arrayListObjectAnimators = new ArrayList<ObjectAnimator>(); //ArrayList of ObjectAnimators
ObjectAnimator animY = ObjectAnimator.ofFloat(view, "y", 100f);
arrayListObjectAnimators.add(animY);
ObjectAnimator animX = ObjectAnimator.ofFloat(view, "x", 0f);
arrayListObjectAnimators.add(animX);
...
ObjectAnimator[] objectAnimators = arrayListObjectAnimators.toArray(new ObjectAnimator[arrayListObjectAnimators.size()]);
AnimatorSet animSetXY = new AnimatorSet();
animSetXY.playTogether(objectAnimators);
animSetXY.setDuration(1000);//1sec
animSetXY.start();
【讨论】:
minSdkVersion="14" 或更高版本。"
创建您的动画对象,然后在所有视图上同时使用startAnimation。所以它会是这样的:
TranslateAnimation anim1;
TranslateAnimation anim2;
TranslateAnimation anim3;
// Setup the animation objects
public void startAnimations()
{
//... collect view objects
view1.startAnimation(anim1);
view2.startAnimation(anim2);
view3.startAnimation(anim3);
}
请注意,您一次播放的动画越多,播放的速度就越慢。
【讨论】:
startAnimation 时,它开始使自己失效,直到它到达所需的位置。当您一次在所有视图上调用它时,它们都会对自己调用invalidate(),然后在下一个绘图过程中,每个视图都将在它们的下一帧中绘制。由于您无论如何都在 UI 线程上调用所有这些,因此在您从该方法返回之前,不会启动任何动画。注意:使用 pre-Honeycomb 动画框架只会移动视图的视觉部分。用户将无法点击它。
你可以使用AnimationSet
AnimatorSet decSet2 = new AnimatorSet();
decSet2.playTogether(
ObjectAnimator.ofFloat(view, "x",dX),
ObjectAnimator.ofFloat(view, "y",dY),
ObjectAnimator.ofFloat(mTextCancel, "x",dX),
ObjectAnimator.ofFloat(mTextCancel, "y", dY),
ObjectAnimator.ofArgb(mBtnOne, "visibility", View.VISIBLE, View.GONE),
);
decSet2.setDuration(0);
decSet2.start();
【讨论】:
我已经设法在多个视图之间共享一个动画实例。至少有一个 AlphaAnimation。我有一个 ListView 和一个动画,应该应用于所有列表项视图的特定子项。在我的情况下,视图应该可以随时“加入”和“离开”共享动画,并且它不应该以任何方式影响其他动画视图或干扰已经运行的动画。 为了实现这一点,我必须制作一个经过调整的 android 库存 AlphaAnimation 副本。 我的用例相当特殊,但让它放在这里以防万一有人不得不用 ListView 处理类似的目标。
/**
* This class is a copy of android's stock AlphaAnimation with two adjustments:
* - fromAlpha, toAlpha and duration are settable at any time.
* - reset() method can be blocked. Reason: view.setAnimation() calls animation's reset() method
* which is not intended in our use case.
* For every new list item view we call setAnimation once for it's life time
* and animation should not be reset because it is shared by all list item views and may be in progress.
*/
public class MutableAlphaAnimation extends Animation {
private float mFromAlpha;
private float mToAlpha;
private boolean resetBlocked;
public MutableAlphaAnimation() {
}
public void start(float fromAlpha, float toAlpha, long duration) {
mFromAlpha = fromAlpha;
mToAlpha = toAlpha;
setDuration(duration);
setStartTime(START_ON_FIRST_FRAME);
}
public void setResetBlocked(boolean resetBlocked) {
this.resetBlocked = resetBlocked;
}
@Override
public void reset() {
if (! resetBlocked) super.reset();
}
@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
final float alpha = mFromAlpha;
t.setAlpha(alpha + ((mToAlpha - alpha) * interpolatedTime));
}
@Override
public boolean willChangeTransformationMatrix() {
return false;
}
@Override
public boolean willChangeBounds() {
return false;
}
}
将此动画设置为视图:
animation.setResetBlocked(true);
view.setAnimation(animation);
animation.setResetBlocked(false);
要启动动画(之前由 setAnimation 设置),必须做两件事:
animation.start(0.0f, 1.0f, FADE_IN_DURATION);
之后,您必须在每个受动画影响的视图上手动调用 invalidate()。
通常的 startAnimation() 会为您执行 invalidate(),但 setAnimation 不会。 (阅读 android 源代码中对 View.setAnimation() 方法的评论)。
【讨论】: