【问题标题】:Using a ValueAnimator to make a TextView blink different colors使用 ValueAnimator 使 TextView 闪烁不同的颜色
【发布时间】:2016-11-14 01:46:00
【问题描述】:

我想使用ValueAnimator 使TextView 的文本颜色在两种不同颜色之间闪烁两次,但我想在 XML 中创建动画。我找不到任何例子。任何帮助将不胜感激。

更新

下面的代码完美运行。颜色从黑色变为蓝色、蓝色变为黑色、黑色变为蓝色、蓝色变为黑色,每次反向重复之间的间隔为 500 毫秒。然而,我试图让这个从动画 xml 文件中工作。

ValueAnimator colorAnim = ObjectAnimator.OfInt(objectToFlash, "textColor", (int)fromColor, (int)toColor);
colorAnim.SetDuration(500);
colorAnim.SetEvaluator(new ArgbEvaluator());
colorAnim.RepeatCount = 3;
colorAnim.RepeatMode = ValueAnimatorRepeatMode.Reverse;

xml

<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
        android:propertyName="textColor"        
        android:duration="500"
        android:valueFrom="@color/black"
        android:valueTo="@color/ei_blue"
        android:repeatCount="3"
        android:repeatMode="reverse" /> 

代码

ValueAnimator anim = (ObjectAnimator)AnimatorInflater.LoadAnimator(Activity, Resource.Animator.blinking_text);
anim.SetTarget(objectToFlash);

使用 xml 会导致 TextView 的文本颜色在 500 毫秒内尽可能多地更改。

更新 我认为我需要的是在 xml 中模仿 OfInt 调用以编程方式执行的关键帧。现在正在尝试,但到目前为止没有运气。

【问题讨论】:

    标签: android animation xamarin.android


    【解决方案1】:

    试试这个:

    private static final int RED = 0xffFF8080;
    private static final int BLUE = 0xff8080FF;
    
    ValueAnimator colorAnim = ObjectAnimator.ofInt(myTextView, "backgroundColor", RED, BLUE);
            colorAnim.setDuration(3000);
            colorAnim.setEvaluator(new ArgbEvaluator());
            colorAnim.setRepeatCount(ValueAnimator.INFINITE);
            colorAnim.setRepeatMode(ValueAnimator.REVERSE);
            colorAnim.start();
    

    或者通过 xml 尝试这种未经测试的方法:*res/animator/property_animator.xml*

    <set >
    
    <objectAnimator
        android:propertyName="backgroundColor"
        android:duration="3000"
        android:valueFrom="#FFFF8080"
        android:valueTo="#FF8080FF"
        android:repeatCount="-1"
        android:repeatMode="reverse" />
    </set>
    

    现在在 Java 代码中:

    AnimatorSet set = (AnimatorSet) AnimatorInflater.loadAnimator(myContext,
    R.anim.property_animator);
    set.setTarget(myTextView);
    set.start();
    

    【讨论】:

    • 行得通,谢谢,但是动画 xml 会是什么样子?
    • 我已经尝试过使用您在发布之前提供的链接。问题是使用 xml 与直接使用代码的动画行为完全不同。我会用代码更新我的问题。
    【解决方案2】:

    从 API LEVEL > 21 开始,使用静态方法 ObjectAnimator.ofArgb 可以达到相同的效果,如下所示:

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
        private void animateText(TextView text) {
            ObjectAnimator animator = ObjectAnimator.ofArgb(text, "textColor", Color.WHITE, Color.RED);
            animator.setDuration(500);
            animator.setRepeatCount(3);
            animator.setRepeatMode(ValueAnimator.REVERSE);
            animator.start();
        }
    

    【讨论】:

      【解决方案3】:

      您描述的问题是 XML 中指定的对象动画器未正确分配 ArgbEvaluator 进行颜色插值。

      要解决此问题,请创建对象动画 XML 以根据需要在颜色之间进行补间。然后,在源代码中,执行以下操作,确保动画师使用的求值器是 ArgbEvaluator:

      ObjectAnimator colorAnimator = (ObjectAnimator)AnimatorInflater.loadAnimator(this, R.animator.color_rotation);
      colorAnimator.setTarget(objectToFlash);
      colorAnimator.setEvaluator(new ArgbEvaluator());
      colorAnimator.start();
      

      【讨论】:

        猜你喜欢
        • 2011-12-07
        • 1970-01-01
        • 1970-01-01
        • 2012-03-06
        • 2012-06-23
        • 1970-01-01
        • 1970-01-01
        • 2012-06-18
        • 1970-01-01
        相关资源
        最近更新 更多