Android Tween动画在startAnimation()上闪烁

时间:2015-03-23 20:25:38

标签: android android-animation

我有一个带有两个图像视图的框架布局。一个在另一个之上。

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="10dp">

<ImageView
    android:id="@+id/post_image"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true" />

<ImageView
    android:id="@+id/double_tap_heart"
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:layout_gravity="center"
    android:src="@drawable/double_tap_heart" 
    android:visibility="invisible"/>

</FrameLayout>

我想默认隐藏第二个ImageView,当用户双击一个帖子时,将它显示在第一个带有1000ms动画的ImageView之上。正是Instagram应用的工作方式。

这是我的动画XML

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">

    <set
        android:interpolator="@android:anim/accelerate_decelerate_interpolator">
        <scale
            android:duration="400"
            android:fromXScale="0.3"
            android:fromYScale="0.3"
            android:toXScale="1.15"
            android:toYScale="1.15"
            android:pivotX="50%"
            android:pivotY="50%"/>
        <alpha
            android:duration="400"
            android:fromAlpha="0.0"
            android:toAlpha="1.0" />
    </set>
    <set
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:startOffset="400">
        <scale
            android:duration="100"
            android:fromXScale="1.15"
            android:fromYScale="1.15"
            android:toXScale="1.0"
            android:toYScale="1.0"
            android:pivotX="50%"
            android:pivotY="50%"/>
    </set>
    <set
        android:startOffset="500">
        <scale
            android:duration="300"
            android:fromXScale="1.0"
            android:fromYScale="1.0"
            android:toXScale="1.0"
            android:toYScale="1.0"
            android:pivotX="50%"
            android:pivotY="50%"/>
        </set>
    <set
        android:interpolator="@android:anim/accelerate_interpolator"
        android:startOffset="800" >
        <scale
            android:duration="200"
            android:fromXScale="1.0"
            android:fromYScale="1.0"
            android:toXScale="0.2"
            android:toYScale="0.2"
            android:pivotX="50%"
            android:pivotY="50%"/>
        <alpha
            android:duration="200"
            android:fromAlpha="1.0"
            android:toAlpha="0.0" />
        </set>

</set>

在我的ListViewAdapter中,我调用

ImageView doubleTapHeart = (ImageView) findViewById(R.id.double_tap_heart);
doubleTapHeart.startAnimation(doubleTapHeartAnimation);

每当有人双击帖子时。我面临的问题是double_tap_heart drawable眨眼了大约。在动画开始之前,全尺寸为1毫秒。动画结束后,ImageView又回到了隐形状态。

如何在动画期间仅显示ImageView而不显示闪烁效果?我已经看到了其他几个帖子,但没有任何答案可行。我已经尝试过setAlpha()和setZAdjustment(),但没有任何东西可以摆脱那个眨眼。

1 个答案:

答案 0 :(得分:1)

对于那些可能在您自己寻找答案时遇到此问题的人......

由于我们正在使用视图动画,导致眨眼问题。这是Android在3.0之前使用的动画系统。视图动画本质上更原始,因为它们将动画应用于视图的容器。不幸的是,在动画之前视图为GONE或INVISIBLE时会出现问题。

答案???使用Androids新动画系统属性动画http://developer.android.com/guide/topics/graphics/prop-animation.html 这消除了闪烁的原因是因为它将动画中定义的更改直接应用于您正在使用的视图的属性。因此,名称&#34;属性&#34;动画......另一个可以被称为#34;容器&#34;动画。

最佳做法是在布局xml文件中将视图的alpha设置为0.0。然后在你的动画中更改alpha以使其可见,并在动画结束时将alpha更改回0.0。这样你就不必混淆使视图可见/不可见/消失。

希望这有助于其他人。