Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Most efficient way for Dynamic Text Color Change in TextView

I want to change color of parts of a text several times with a timer.

Simplest way is this:

SpannableStringBuilder ssb = new SpannableStringBuilder(mainText);
ForegroundColorSpan span = new ForegroundColorSpan(Color.BLUE);
ssb.setSpan(span, start, end, 0);
tv.setText(ssb);

But if I run the above code several times in a second, I actually change the whole (large) text of TextView each time so a unwanted memory-CPU load will happen specifically on lower-end devices.

How can I have a single Span on TextView and only change the Span start and end position?

Will it work at all or a full text replace will happen behind the scene?

My text is fixed and won't change never.

like image 538
Mohsen Afshin Avatar asked Feb 01 '14 09:02

Mohsen Afshin


2 Answers

Solution for span movement without calling setText method:

    final TextView tv = new TextView(this);
    tv.setTextSize(32);
    setContentView(tv);

    SpannableStringBuilder ssb = new SpannableStringBuilder("0123456789012345678901234567890123456789");
    ssb.append(ssb).append(ssb);
    tv.setText(ssb, BufferType.SPANNABLE);
    final Spannable sp = (Spannable) tv.getText();
    final ForegroundColorSpan span = new ForegroundColorSpan(0xffff0000);
    Runnable action = new Runnable() {
        @Override
        public void run() {
            sp.setSpan(span, start, start + 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            start++;
            if (start <= sp.length() - 4) {
                tv.postDelayed(this, 50);
            }
        }
    };
    tv.postDelayed(action, 1000);

Solution for dynamic color change:

class HSVSpan extends CharacterStyle {
    int color;
    float[] hsv = {0, 1, 1};

    @Override
    public void updateDrawState(TextPaint tp) {
        tp.setColor(color);
    }

    public void update() {
        hsv[0] += 5;
        hsv[0] %= 360;
        color = Color.HSVToColor(hsv);
//        Log.d(TAG, "update " + Integer.toHexString(color));
    }
}

and testing code:

    final TextView tv = new TextView(this);
    setContentView(tv);
    SpannableStringBuilder ssb = new SpannableStringBuilder("0123456789");
    final HSVSpan span = new HSVSpan();
    ssb.setSpan(span, 2, 6, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    tv.setText(ssb);
    tv.setTextSize(32);

    Runnable action = new Runnable() {
        @Override
        public void run() {
            span.update();
            tv.invalidate();
            tv.postDelayed(this, 50);
        }
    };
    action.run();
like image 120
pskink Avatar answered Oct 13 '22 01:10

pskink


execute below code once:

SpannableStringBuilder ssb = new SpannableStringBuilder(mainText);
ForegroundColorSpan span = new ForegroundColorSpan(Color.BLUE);

and every time you want to change span do this:

ssb.clearSpans()
ssb.setSpan(span, start, end, 0);
tv.setText(ssb);
like image 32
vipul mittal Avatar answered Oct 13 '22 03:10

vipul mittal