Анимировать изменение цвета фона просмотра на Android - PullRequest
Новая
       107

Анимировать изменение цвета фона просмотра на Android

302 голосов
/ 10 апреля 2010

Как вы анимируете изменение цвета фона представления на Android?

Например:

У меня есть вид с красным фоном. Цвет фона представления меняется на синий. Как я могу сделать плавный переход между цветами?

Если это невозможно сделать с представлениями, альтернатива будет приветствоваться.

Ответы [ 12 ]

3 голосов
/ 10 мая 2018

добавить папку аниматор в папку res . (имя должно быть аниматор ). Добавьте файл ресурсов аниматора. Например res / animator / fade.xml 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator
        android:propertyName="backgroundColor"
        android:duration="1000"
        android:valueFrom="#000000"
        android:valueTo="#FFFFFF"
        android:startOffset="0"
        android:repeatCount="-1"
        android:repeatMode="reverse" />
</set>

Внутри Java-файла Activity, позвоните по этому номеру 

View v = getWindow().getDecorView().findViewById(android.R.id.content);
AnimatorSet set = (AnimatorSet) AnimatorInflater.loadAnimator(this, R.animator.fade);
set.setTarget(v);
set.start();
2 голосов
/ 16 января 2017

Я обнаружил, что реализация, используемая ArgbEvaluator в исходном коде Android, лучше всего работает при переходе цветов. При использовании HSV, в зависимости от двух цветов, переход прыгал через слишком много оттенков для меня. Но этот метод не подходит.

Если вы пытаетесь просто анимировать, используйте ArgbEvaluator с ValueAnimator, как предложено здесь : 

ValueAnimator colorAnimation = ValueAnimator.ofObject(new ArgbEvaluator(), colorFrom, colorTo);
colorAnimation.addUpdateListener(new AnimatorUpdateListener() {

    @Override
    public void onAnimationUpdate(ValueAnimator animator) {
        view.setBackgroundColor((int) animator.getAnimatedValue());
    }

});
colorAnimation.start();

Однако, если вы похожи на меня и хотите связать свой переход с каким-либо жестом пользователя или другим значением, переданным из ввода, ValueAnimator не очень поможет (если только вы не нацеливаетесь на API 22 и выше, в В этом случае вы можете использовать метод ValueAnimator.setCurrentFraction()). При таргетинге ниже API 22 оберните код, найденный в ArgbEvaluator исходный код , в свой собственный метод, как показано ниже: 

public static int interpolateColor(float fraction, int startValue, int endValue) {
    int startA = (startValue >> 24) & 0xff;
    int startR = (startValue >> 16) & 0xff;
    int startG = (startValue >> 8) & 0xff;
    int startB = startValue & 0xff;
    int endA = (endValue >> 24) & 0xff;
    int endR = (endValue >> 16) & 0xff;
    int endG = (endValue >> 8) & 0xff;
    int endB = endValue & 0xff;
    return ((startA + (int) (fraction * (endA - startA))) << 24) |
            ((startR + (int) (fraction * (endR - startR))) << 16) |
            ((startG + (int) (fraction * (endG - startG))) << 8) |
            ((startB + (int) (fraction * (endB - startB))));
}

И пользуйся, как пожелаешь.

Страница:
...