मैं TextView के एक भाग का रंग कैसे बदल सकता हूं?

Question 1

text = text + CepVizyon.getPhoneCode() + "\n\n"
            + getText(R.string.currentversion) + CepVizyon.getLicenseText();
    activationText.setText(text);   
myTextView.setText(text);

मैं CepVizyon.getPhoneCode()स्ट्रिंग के लिए रंग बदलना चाहता हूँ । मैं यह कैसे कर सकता हूँ?

Question 2

स्पैनेबल अधिक लचीला है:

String text2 = text + CepVizyon.getPhoneCode() + "\n\n"
            + getText(R.string.currentversion) + CepVizyon.getLicenseText();

Spannable spannable = new SpannableString(text2);

spannable.setSpan(new ForegroundColorSpan(Color.WHITE), text.length(), (text + CepVizyon.getPhoneCode()).length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

myTextView.setText(spannable, TextView.BufferType.SPANNABLE);

Question 3

myTextView.setText(Html.fromHtml(text + "<font color=white>" + CepVizyon.getPhoneCode() + "</font><br><br>"
            + getText(R.string.currentversion) + CepVizyon.getLicenseText()));

Question 4

यदि आपके पास स्थैतिक पाठ है जिसे रंग की आवश्यकता है, तो आप इसे किसी भी कोड के बिना स्ट्रिंग्स फ़ाइल के माध्यम से जोड़ सकते हैं:

<string name="already_have_an_account">Already have an account? <font color='#01C6DB'>Login</font></string>

फिर

<TextView
    android:layout_width="wrap_content"
    android:layout_height="64dp"
    android:text="@string/already_have_an_account"/>

परिणाम

निश्चित नहीं है कि कौन सा एपीआई संस्करण इस पर काम करता है, लेकिन एपीआई 19 के लिए काम नहीं करता है जो कि अब तक परीक्षण किया गया है, इसलिए शायद केवल सबसे हाल के एपीआई संस्करण इसका समर्थन करते हैं

संपादित करें: जैसा कि @hairraisin ने टिप्पणियों में उल्लेख किया है, फ़ॉन्ट रंग के fgcolorबजाय उपयोग करने का प्रयास करें color, फिर इसे कम एपीआई स्तरों के लिए काम करना चाहिए, लेकिन यह सुनिश्चित करने के लिए अधिक परीक्षण की आवश्यकता है

Question 5

मनेश के जवाब के संबंध में, यह काम करेगा लेकिन आपको रंग विशेषता के लिए उद्धरण जोड़ने और बचने की आवश्यकता है।

myTextView.setText(Html.fromHtml(text + "<font color=\"#FFFFFF\">" + CepVizyon.getPhoneCode() + "</font><br><br>"
            + getText(R.string.currentversion) + CepVizyon.getLicenseText()));

Question 6

यह मेरे लिए अच्छा है!

            Spannable spannable = new SpannableString("ABC In-Network DEF");
            String str = spannable.toString();
            iStart = str.indexOf("In-Network");
            iEnd = iStart + 10;/*10 characters = in-network. */

            SpannableString ssText = new SpannableString(spannable);
            ClickableSpan clickableSpan = new ClickableSpan() {
                @Override
                public void onClick(View widget) {
                    //your code at here.
                }

                @Override
                public void updateDrawState(TextPaint ds) {
                    super.updateDrawState(ds);
                    ds.setUnderlineText(true);
                    ds.setColor(getResources().getColor(R.color.green));
                }
            };
            ssText.setSpan(clickableSpan, iStart, iEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            mTextView.setText(ssText);
            mTextView.setMovementMethod(LinkMovementMethod.getInstance());
            mTextView.setHighlightColor(Color.TRANSPARENT);
            mTextView.setEnabled(true);

Question 7

यहाँ एक colorizeसमारोह पर आधारित है andyboot का जवाब:

 /**
 * Colorize a specific substring in a string for TextView. Use it like this: <pre>
 * textView.setText(
 *     Strings.colorized("The some words are black some are the default.","black", Color.BLACK),
 *     TextView.BufferType.SPANNABLE
 * );
 * </pre>
 * @param text Text that contains a substring to colorize
 * @param word The substring to colorize
 * @param argb The color
 * @return the Spannable for TextView's consumption
 */
public static Spannable colorized(final String text, final String word, final int argb) {
    final Spannable spannable = new SpannableString(text);
    int substringStart=0;
    int start;
    while((start=text.indexOf(word,substringStart))>=0){
        spannable.setSpan(
                new ForegroundColorSpan(argb),start,start+word.length(),
                Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
        );
        substringStart = start+word.length();
    }
    return spannable;
}

Question 8

यहां कोटलिन में समाधान जो SpannableStringएक स्ट्रिंग के हिस्से का रंग बदलने के लिए उपयोग करता है।

    val phoneCodeColor = ContextCompat.getColor(this, R.color.myColor)
    val text = SpannableStringBuilder()
        .color(phoneCodeColor) { append("${ CepVizyon.getPhoneCode() }") }
        .append("\n\n")
        .append(getString(R.string.currentversion))
        .append(${ CepVizyon.getLicenseText() })

    activationText.text = text
    myTextView.text = text

Question 9

मुझे हर बार कोड के माध्यम से ऐसा करने का विचार पसंद नहीं आया, जबकि मैं अपने सभी ऐप में बहुत कुछ कर रहा हूं (और कुछ मामलों में टेक्स्ट को अलग-अलग इनलाइन के साथ रनटाइम में सेट किया जा रहा है- परिभाषित रंग) तो मैंने अपना खुद का बनाया MarkableTextView ।

यह विचार था:

स्ट्रिंग से XML टैग का पता लगाएं
टैग नाम की पहचान करें और मिलान करें
पाठ की विशेषताओं और स्थिति को निकालें और सहेजें
टैग निकालें और सामग्री रखें
विशेषताओं के माध्यम से अलग करें और शैलियों को लागू करें

यहाँ प्रक्रिया चरण दर चरण है:

पहले मुझे एक दिए गए स्ट्रिंग में XML टैग खोजने का एक तरीका चाहिए Regexथा और यह ट्रिक किया ..

<([a-zA-Z]+(?:-[a-zA-Z0-9]+)*)(?:\s+([^>]*))?>([^>][^<]*)</\1\s*>

एक XML टैग से मेल खाने के लिए इसके ऊपर निम्न मापदंड होने चाहिए:

मान्य टैग नाम जैसे <a> <a > <a-a> <a ..attrs..>लेकिन नहीं< a> <1>
वह टैग बंद करना जिसका मिलान नाम जैसा हो, <a></a>लेकिन नहीं<a></b>
कोई भी सामग्री, क्योंकि "कुछ भी नहीं" शैली की आवश्यकता नहीं है

अब विशेषताओं के लिए हम इस एक का उपयोग करने जा रहे हैं ..

([a-zA-Z]+)\s*=\s*(['"])\s*([^'"]+?)\s*\2

इसकी एक ही अवधारणा है और आमतौर पर मुझे दोनों के लिए दूर जाने की आवश्यकता नहीं थी क्योंकि कंपाइलर बाकी का ध्यान रखेगा अगर कुछ भी प्रारूप से बाहर जाता है।

अब हमें एक ऐसा वर्ग चाहिए जो निकाले गए डेटा को पकड़ सके:

public class MarkableSheet {

    private String attributes;
    private String content;
    private int outset;
    private int ending;
    private int offset;
    private int contentLength;

    public MarkableSheet(String attributes, String content, int outset, int ending, int offset, int contentLength) {

        this.attributes = attributes;
        this.content = content;
        this.outset = outset;
        this.ending = ending;
        this.offset = offset;
        this.contentLength = contentLength;
    }

    public String getAttributes() {
        return attributes;
    }

    public String getContent() {
        return content;
    }

    public int getOutset() {
        return outset;
    }

    public int getContentLength() {
        return contentLength;
    }

    public int getEnding() {
        return ending;
    }

    public int getOffset() {
        return offset;
    }
}

कुछ और करने से पहले, हम इस शांत पुनरावृत्ति को जोड़ने जा रहे हैं जिसका उपयोग मैं मैचों के माध्यम से लंबे समय तक लूप के लिए कर रहा हूं (लेखक को याद नहीं कर सकता) :

public static Iterable<MatchResult> matches(final Pattern p, final CharSequence input) {

        return new Iterable<MatchResult>() {

            public Iterator<MatchResult> iterator() {

                return new Iterator<MatchResult>() {

                    // Use a matcher internally.
                    final Matcher matcher = p.matcher(input);

                    // Keep a match around that supports any interleaving of hasNext/next calls.
                    MatchResult pending;

                    public boolean hasNext() {

                        // Lazily fill pending, and avoid calling find() multiple times if the
                        // clients call hasNext() repeatedly before sampling via next().
                        if (pending == null && matcher.find()) {
                            pending = matcher.toMatchResult();
                        }
                        return pending != null;
                    }

                    public MatchResult next() {

                        // Fill pending if necessary (as when clients call next() without
                        // checking hasNext()), throw if not possible.
                        if (!hasNext()) { throw new NoSuchElementException(); }

                        // Consume pending so next call to hasNext() does a find().
                        MatchResult next = pending;
                        pending = null;

                        return next;
                    }

                    /** Required to satisfy the interface, but unsupported. */
                    public void remove() { throw new UnsupportedOperationException(); }
                };
            }
        };
    }

MarkableTextView:

public class MarkableTextView extends AppCompatTextView {

    public MarkableTextView(Context context) {
        super(context);
    }

    public MarkableTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MarkableTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    public void setText(CharSequence text, BufferType type) {

        // Intercept and process text
        text = prepareText(text.toString());

        super.setText(text, type);
    }

    public Spannable Markable;

    private Spannable prepareText(String text) {

        String parcel = text;
        Multimap<String, MarkableSheet> markableSheets = ArrayListMultimap.create();

        // Used to correct content position after tossing tags
        int totalOffset = 0;

        // Iterate through text
        for (MatchResult match : matches(Markable.Patterns.XML, parcel)) {

            // Get tag name
            String tag = match.group(1);

            // Match with a defined tag name "case-sensitive"
            if (!tag.equals(Markable.Tags.MARKABLE)) {

                // Break if no match
                break;
            }

            // Extract data
            String attributes = match.group(2);
            String content = match.group(3);

            int outset = match.start(0);
            int ending = match.end(0);
            int offset = totalOffset; // offset=0 since no preceded changes happened
            int contentLength = match.group(3).length();

            // Calculate offset for the next element
            totalOffset = (ending - outset) - contentLength;

            // Add to markable sheets
            MarkableSheet sheet =
                    new MarkableSheet(attributes, content, outset, ending, offset, contentLength);
            markableSheets.put(tag, sheet);

            // Toss the tag and keep content
            Matcher reMatcher = Markable.Patterns.XML.matcher(parcel);
            parcel = reMatcher.replaceFirst(content);
        }

        // Initialize spannable with the modified text
        Markable = new SpannableString(parcel);

        // Iterate through markable sheets
        for (MarkableSheet sheet : markableSheets.values()) {

            // Iterate through attributes
            for (MatchResult match : matches(Markable.Patterns.ATTRIBUTES, sheet.getAttributes())) {

                String attribute = match.group(1);
                String value = match.group(3);

                // Apply styles
                stylate(attribute,
                        value,
                        sheet.getOutset(),
                        sheet.getOffset(),
                        sheet.getContentLength());
            }
        }

        return Markable;
    }

अंत में, स्टाइलिंग, इसलिए यहाँ एक बहुत ही सरल स्टाइलर है जिसे मैंने इस उत्तर के लिए बनाया है:

public void stylate(String attribute, String value, int outset, int offset, int length) {

        // Correct position
        outset -= offset;
        length += outset;

        if (attribute.equals(Markable.Tags.TEXT_STYLE)) {

            if (value.contains(Markable.Tags.BOLD) && value.contains(Markable.Tags.ITALIC)) {

                Markable.setSpan(
                        new StyleSpan(Typeface.BOLD_ITALIC),
                        outset,
                        length,
                        Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            }
            else if (value.contains(Markable.Tags.BOLD)) {

                Markable.setSpan(
                        new StyleSpan(Typeface.BOLD),
                        outset,
                        length,
                        Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            }

            else if (value.contains(Markable.Tags.ITALIC)) {

                Markable.setSpan(
                        new StyleSpan(Typeface.ITALIC),
                        outset,
                        length,
                        Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            }

            if (value.contains(Markable.Tags.UNDERLINE)) {

                Markable.setSpan(
                        new UnderlineSpan(),
                        outset,
                        length,
                        Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            }
        }

        if (attribute.equals(Markable.Tags.TEXT_COLOR)) {

            if (value.equals(Markable.Tags.ATTENTION)) {

                Markable.setSpan(
                        new ForegroundColorSpan(ContextCompat.getColor(
                                getContext(),
                                R.color.colorAttention)),
                        outset,
                        length,
                        Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            }
            else if (value.equals(Markable.Tags.INTERACTION)) {

                Markable.setSpan(
                        new ForegroundColorSpan(ContextCompat.getColor(
                                getContext(),
                                R.color.colorInteraction)),
                        outset,
                        length,
                        Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            }
        }
    }

और यहाँ Markableपरिभाषाओं वाला वर्ग कैसा दिखता है:

public class Markable {

    public static class Patterns {

        public static final Pattern XML =
                Pattern.compile("<([a-zA-Z]+(?:-[a-zA-Z0-9]+)*)(?:\\s+([^>]*))?>([^>][^<]*)</\\1\\s*>");
        public static final Pattern ATTRIBUTES =
                Pattern.compile("(\\S+)\\s*=\\s*(['\"])\\s*(.+?)\\s*\\2");
    }

    public static class Tags {

        public static final String MARKABLE = "markable";

        public static final String TEXT_STYLE = "textStyle";
        public static final String BOLD = "bold";
        public static final String ITALIC = "italic";
        public static final String UNDERLINE = "underline";

        public static final String TEXT_COLOR = "textColor";
        public static final String ATTENTION = "attention";
        public static final String INTERACTION = "interaction";
    }
}

अब हमें एक स्ट्रिंग का संदर्भ देना होगा और मूल रूप से इस तरह दिखना चाहिए:

<string name="markable_string">
    <![CDATA[Hello <markable textStyle=\"underline\" textColor=\"interaction\">world</markable>!]]>
</string>

टैग को एक के साथ लपेटें CDATA Sectionऔर "साथ भागने से सुनिश्चित करें\ ।

मैंने इसे अनावश्यक कोड को भरवाने की आवश्यकता के बिना सभी अलग-अलग तरीकों से पाठ के कुछ हिस्सों को संसाधित करने के लिए एक मॉड्यूलर समाधान के रूप में बनाया।

Question 10

जैसा कि मैंने कहा था कि मैंने बूट किया था, लेकिन मेरे पास क्लिक करने योग्य अवधि भी थी, और यह काम नहीं करता था क्योंकि ऑर्डर setSpansकहा जाता था। आप पहले कॉल करने के लिए है तो spannable.setSpan(clickableSpanand...फिर spannable.setSpan(new ForegroundColorSpan...TextView में रंग प्राप्त करने के लिए

Question 11

मैंने यह छोटा सा फंक्शन बनाया है, बस अपने टेक्स्ट को कलर करने के लिए पास करें, उस टेक्स्ट के कलर को शुरू करने के लिए जो आप चाहते हैं उसका इंडेक्स एंड एंड इंडेक्स

Kotlin

   private fun colorMyText(inputText:String,startIndex:Int,endIndex:Int,textColor:Int):Spannable{
            val outPutColoredText: Spannable = SpannableString(inputText)
            outPutColoredText.setSpan(
                ForegroundColorSpan(textColor), startIndex, endIndex,
                Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
            )
            return outPutColoredText
        }

प्रयोग

txt_comment.text = colorMyText("Comentario: ${item.comentario}",0,13,Color.BLACK)

Question 12

एक सामान्य-उद्देश्य वाले कोटलिन एक्सटेंशन फ़ंक्शन के साथ, यह इस तरह दिखेगा:

/**
 * Change the color of a part of the text contained in this textView
 *
 * @param subStringToColorize has to already be set in the textView's text
 * @param colorResId
 */
fun TextView.colorize(subStringToColorize: String, @ColorRes colorResId: Int) {

  val spannable: Spannable = SpannableString(text)

  val startIndex = text.indexOf(subStringToColorize, startIndex = 0, ignoreCase = false)
  val endIndex = startIndex + subStringToColorize.length

  val color: Int = ContextCompat.getColor(context, colorResId)

  if (startIndex != -1) {
      spannable.setSpan(ForegroundColorSpan(color),
          startIndex,
          endIndex,
          Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
      setText(spannable, TextView.BufferType.SPANNABLE)
   }
}

Question 13

चरित्र से बच + Html.fromHtml () का उपयोग करें

स्ट्रिंग संसाधन फ़ोल्डर में स्ट्रिंग को कैसे संग्रहीत करें

<string name="textFromRes">
    &lt;font color="#FF0000">This is colored in red &lt;/font> This is not
</string>

TextView में कैसे दिखाएं?

String text = this.getResources().getString(R.string.textFromRes);
htmlText.setText(Html.fromHtml(text));

बक्शीश:

आउटपुट में स्ट्रिंग इस तरह दिखता है

<string name="textFromRes">
    &lt;font color="#FF0000">This is colored in red &lt;/font> This is not
    &lt;br /&gt;
    &lt;h1> This is h1 heading &lt;/h1>
    &lt;br /&gt;
    &lt;h3> This is h2 subheading&lt;/h3>
    &lt;br /&gt;
    &lt;b> This text is bold&lt;/b>
    &lt;br /&gt;
    &lt;i> This text is italic&lt;/i>
    &lt;br /&gt;
    Android users expect your app to look and behave in a way that is
    consistent with the platform. Not only should you follow material
    design guidelines for visual and navigation patterns,
    but you should also follow quality guidelines for compatibility,
    performance, security, and more.
    &lt;br /&gt;
    &lt;br /&gt;
    The following links provide everything you need to design a high quality Android app.
</string>

Question 14

ऊपर दिए गए अलेजांद्रो एच। क्रूज़ के जवाब से प्रेरित ।

उनका कार्य केवल एक ही विकल्प वाले मैच के लिए काम करता है, मैंने रेगेक्स का उपयोग करने के लिए उनकी विधि को अपडेट किया है और सभी मैचों पर रंग अपडेट करना चाहिए:

fun TextView.colorizeAll(subStringToColorize: String, @ColorRes colorResId: Int) {

    val color: Int = ContextCompat.getColor(context, colorResId)

    val spannable: Spannable = SpannableString(text)

    val pattern = subStringToColorize.toRegex()

    val matches = pattern.findAll(text, 0)

    matches.forEach { match ->

        val startIndex = match.range.first

        val endIndex = match.range.last + match.range.step

        spannable.setSpan(ForegroundColorSpan(color),
                startIndex,
                endIndex,
                Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
        setText(spannable, TextView.BufferType.SPANNABLE)

    }
}

Question 15

एक तरीका myTextViewकुछ अलग करने के लिए विभाजित है TextViews, जिनमें से एक केवल फोन कोड के लिए होगा। फिर इस विशिष्ट TextViewका रंग नियंत्रित करना बहुत सीधा है।