3 votes

Existe-t-il un moyen d'animer le réglage de BackgroundColorSpan à SpannableString ?

La chaîne de caractères de mon TextView est divisée en travées de trois lettres chacune (Triplets) au cours de l'exécution, au fur et à mesure que j'ajoute des lettres à ce TextView. Et je définis quatre couleurs d'arrière-plan différentes pour ces triplets de manière cyclique :

void color(TextView textView) {
        String sequenceColored = textView.getText().toString();
        SpannableString ss = new SpannableString(sequenceColored);
        int iter = 0;
        if (textView.getId() == R.id.sequence) {
            for (int i = 0; i < sequenceColored.length(); i += 3, iter++) {
                if (iter == 0) {
                    ss.setSpan(new BackgroundColorSpan(Color.argb(123, 255, 136, 0)), i, i + 3, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                } else if (iter == 1) {
                    ss.setSpan(new BackgroundColorSpan(Color.argb(123, 255, 187, 51)), i, i + 3, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                } else if (iter == 2) {
                    ss.setSpan(new BackgroundColorSpan(Color.argb(123, 0, 153, 204)), i, i + 3, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                } else if (iter == 3) {
                    ss.setSpan(new BackgroundColorSpan(Color.argb(123, 170, 102, 204)), i, i + 3, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                    iter = -1;
                }
            }
        }
    }

La question est donc la suivante : est-il possible d'animer ce changement de couleur d'arrière-plan, de le faire apparaître lentement et joliment à partir d'une couleur d'arrière-plan inexistante ?

SpannableString n'est pas une vue, je ne peux donc pas l'animer traditionnellement, n'est-ce pas ?


Mise à jour

J'ai essayé de mettre en place cette animation en exécutant le code suivant à l'intérieur du premier inner if :

ValueAnimator animation = ValueAnimator.ofInt(0, 123);

animation.start();
final int finalI = i;
animation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
        ss.setSpan(new BackgroundColorSpan(Color.argb((int)animation.getAnimatedValue(), 255, 136, 0)), finalI, finalI + 3, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    }
});

Mais il ne définit pas du tout la couleur d'arrière-plan de la travée.

1voto

Calamity Points 139

Finalement, j'ai fait quelque chose que @CommonsWare a suggéré.
Tout d'abord, j'ai créé un MutableBackgroundColorSpan :

public class MutableBackgroundColorSpan extends BackgroundColorSpan {

    private int mAlpha = 255;
    private int mBackgroundColor;

    public MutableBackgroundColorSpan(int alpha, int color) {
        super(color);
        mAlpha = alpha;
        mBackgroundColor = color;
    }

    public MutableBackgroundColorSpan(Parcel src) {
        super(src);
        mBackgroundColor = src.readInt();
        mAlpha = src.readInt();
    }

    public void writeToParcel(Parcel dest, int flags) {
        super.writeToParcel(dest, flags);
        dest.writeInt(mBackgroundColor);
        dest.writeFloat(mAlpha);
    }

    @Override
    public void updateDrawState(TextPaint ds) {
        ds.bgColor = getBackgroundColor();
    }

    /**
     * @param alpha from 0 to 255
     */
    public void setAlpha(int alpha) {
        mAlpha = alpha;
    }

    public void setBackgroundColor(int backgroundColor) {
        mBackgroundColor = backgroundColor;
    }

    public float getAlpha() {
        return mAlpha;
    }

    @Override
    public int getBackgroundColor() {
        return Color.argb(mAlpha, Color.red(mBackgroundColor), Color.green(mBackgroundColor), Color.blue(mBackgroundColor));
    }
}

Ensuite, j'ai initialisé un Property

private static final Property<MutableBackgroundColorSpan, Integer> MUTABLE_BACKGROUND_COLOR_SPAN_FC_PROPERTY =
            new Property<MutableBackgroundColorSpan, Integer>(Integer.class, "MUTABLE_BACKGROUND_COLOR_SPAN_FC_PROPERTY") {

                @Override
                public void set(MutableBackgroundColorSpan span, Integer value) {
                    span.setBackgroundColor(value);
                }

                @Override
                public Integer get(MutableBackgroundColorSpan span) {
                    return span.getBackgroundColor();
                }
            };

Le code qui exécute ses fonctions est le suivant :

MutableBackgroundColorSpan span = new MutableBackgroundColorSpan(123, Color.WHITE);
ss.setSpan(span,  i, i + 3, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
ObjectAnimator objectAnimator = ObjectAnimator.ofInt(span, MUTABLE_BACKGROUND_COLOR_SPAN_FC_PROPERTY, Color.WHITE, Color.rgb(r, g, b));
objectAnimator.setDuration(100);
objectAnimator.setEvaluator(new ArgbEvaluator());
objectAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
        //refresh
        textView.setText(ss);
    }
});
objectAnimator.start();

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X