如何在TextView BOLD上制作特定文本


251

我不知道如何使TextView上的特定文本变为粗体。

就像这样

txtResult.setText(id+" "+name);

我希望输出是这样的:

1111尼尔

idname是我已经从数据库中检索值的变量,并且我想将其id设为粗体,但是只有id这样,name将不会受到影响,我也不知道如何执行此操作。



Answers:


379

只需用HTML构建String并进行设置:

String sourceString = "<b>" + id + "</b> " + name; 
mytextview.setText(Html.fromHtml(sourceString));

5
由于API 24中已弃用fromHtml(sourceString),因此您必须使用下一个代码:Spanned durationSpanned; 如果(android.os.Build.VERSION.SDK_INT> = android.os.Build.VERSION_CODES.N){durationSpanned = Html.fromHtml(durationFormatted,Html.FROM_HTML_MODE_LEGACY); } else {durationSpanned = Html.fromHtml(durationFormatted); }
Mladen Rakonjac

2
如果要本地化应用程序,这是唯一可行的选项。
howettl

这是一个很好的解决方案,但我发现它不适用于<和> @ wtsang02解决方案
更为理想

它不工作<如果您使用的String.format,除非你也逃脱支架,如所描述这里
Yusuf X

5
Html.fromHtml()现在已弃用
某处某人

384

虽然可以使用Html.fromHtml(),但是可以使用更本地化的方法SpannableStringBuilder,这篇文章可能很有用。

SpannableStringBuilder str = new SpannableStringBuilder("Your awesome text");
str.setSpan(new android.text.style.StyleSpan(android.graphics.Typeface.BOLD), INT_START, INT_END, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
TextView tv=new TextView(context);
tv.setText(str);

如果此答案不起作用,请尝试使用可扩展字符串附加文本,例如:mSpannable.append(yourremainingtext);。
Gowtham Kumar 2015年

10
对于不了解Google的用户:INT_START / INT_END是粗体字应开始和结束的位置。
聚焦

2
如果您只需要对源字符串应用一些标记而不更改它,那么您最好使用SpannableString类
Buckstabue 2016年

26
如果需要本地化副本,这将完全中断。INT_START和INT_END在不同的地区将处于不同的位置。
howettl

4
如有疑问,请尝试了解代码在做什么。int start是您定义的数字,它是跨度的开始索引。尝试以0开头,以string。()。size()结束。
wtsang02 '17

84

首先:您不必担心使用Raghav Sood的答案中的性能低下的代码。

第二:使用Kotlin时,您无需编写w3bshark的答案提供的扩展功能。

Finnaly:您要做的就是使用Google提供的Kotlin android-ktx库(请参阅此处以了解更多信息以及如何将其包含在您的项目中):

// Suppose id = 1111 and name = neil (just what you want). 
val s = SpannableStringBuilder()
          .bold { append(id) } 
          .append(name)
txtResult.setText(s) 

生产:1111尼尔


更新:

因为我认为它可以帮助其他人,并且可以证明您可以走多远的用例。

  • 当您需要以蓝色和斜体显示带有一些部分的文本时:

    val myCustomizedString = SpannableStringBuilder()
        .color(blueColor, { append("A blue text ") })
        .append("showing that ")
        .italic{ append("it is painless") }
    
  • 当您需要以粗体和斜体显示文本时:

        bold { italic { append("Bold and italic") } }

总之,boldappendcoloritalic在扩展功能SpannableStringBuilder。您可以在官方文档中看到其他扩展功能,从中可以考虑其他可能性。


很好,但我认为所有与字符串相关的答案都应考虑翻译。句子中的单词在某些语言中的排序和结构可以完全不同,因此在某些情况下像这样添加并不总是适用。对于诸如XML中的数量字符串之类的东西也不理想。
爱德华·范·拉克

1
@CoolMind它不会使您无法使用Android KTX。您可以从github.com/android/android-ktx中找到有关如何错误报告,提出功能建议或对该库做出贡献的信息。因此,它仍然是有效的参考。我已经更新了答案,以包含有关库以及如何在项目中使用它的更多信息。
Filipe Brito

1
给这个家伙一个现代解决方案和资源的勋章!谢谢!!!
Sjd

37

我认为选择的答案无法提供令人满意的结果。我已经编写了自己的函数,该函数需要2个字符串。您想要加粗的全文和部分文字。

它会返回SpannableStringBuilder,其中'text'的粗体显示为'textToBold'。

我发现使子字符串加粗而不将其包装在标签中的功能很有用。

    /**
     * Makes a substring of a string bold.
     * @param text          Full text
     * @param textToBold    Text you want to make bold
     * @return              String with bold substring
     */

    public static SpannableStringBuilder makeSectionOfTextBold(String text, String textToBold){

        SpannableStringBuilder builder=new SpannableStringBuilder();

        if(textToBold.length() > 0 && !textToBold.trim().equals("")){

            //for counting start/end indexes
            String testText = text.toLowerCase(Locale.US);
            String testTextToBold = textToBold.toLowerCase(Locale.US);
            int startingIndex = testText.indexOf(testTextToBold);
            int endingIndex = startingIndex + testTextToBold.length();
            //for counting start/end indexes

            if(startingIndex < 0 || endingIndex <0){
                return builder.append(text);
            }
            else if(startingIndex >= 0 && endingIndex >=0){

                builder.append(text);
                builder.setSpan(new StyleSpan(Typeface.BOLD), startingIndex, endingIndex, 0);
            }
        }else{
            return builder.append(text);
        }

        return builder;
  }

您能否提供一个如何在代码中使用此示例?
2015年

2
@MicroR您需要传递两个字符串,第二个字符串需要是第一个字符串中包含的一段文本。例如makeSectionOfTextBold(“这是一些很棒的文本。”,“很棒”)。
2015年

1
您应该使用if(textToBold!= null &&!textToBold.isEmpty())更改if语句
Arda Kara

2
此功能不希望子字符串可以多次出现在全文中。例如,在“我的用户名是名称”中,它不能使第二个“名称”加粗。
Jadamec

1
然后,该方法实际上应命名为makeAllBold(text,textToBold)。
wtsang02

29

正如wtsang02所说,使用HTML是昂贵的开销。只需使用本机解决方案。如果您不必修改字符串,只需使用SpannableString,而不是SpannableStringBuilder。

String boldText = "id";
String normalText = "name";
SpannableString str = new SpannableString(boldText + normalText);
str.setSpan(new StyleSpan(Typeface.BOLD), 0, boldText.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
textView.setText(str);

23

如果要使用XML中的字符串,可以执行以下操作:

strings.xml(“ CDATA”部分很重要,否则它将无法正常工作)

<string name="test">
     <![CDATA[
 <b>bold!</b> normal
    ]]>
</string>

布局文件

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView" android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:layout_gravity="center" />

</FrameLayout>

textView.text = HtmlCompat.fromHtml(getString(R.string.test), HtmlCompat.FROM_HTML_MODE_LEGACY)

这对我有用<string name="test"><b>text bold</b> other text</string>。如果我写的话不起作用<![CDATA[
sara

@sara现在再次测试,在Q的Pixel 2上运行正常。在这里,我更新了Kotlin的工作方式。请再试一遍。
Android开发人员

如果使用自定义字体,这是可以接受的答案。Kudus创建者。
Raghul Sugathan

13

它很简单,只需像这样关闭指定的文本 <b>"your text here:"</b>

<string name="headquarters">"<b>"Headquarters:"</b>" Mooresville, North Carolina, U.S.</string>

结果: 总部:美国北卡罗来纳州摩尔斯维尔


仅当从xml使用字符串时才有效。如果以编程方式调用此字符串,则将删除html编码。
Starwave

11

如果您使用的是Kotlin,则可以通过使用来变得更加容易core-ktx,因为它提供了一种特定域的语言(DSL)

val string: SpannedString = buildSpannedString {
    bold {
        append("foo")
    }
    append("bar")     
}

它提供的更多选项是:

append("Hello There")
bold {
    append("bold")
    italic {
        append("bold and italic")
        underline {
            append("then some text with underline")
        }
    }
}

最后,您可以执行以下操作:

textView.text = string

10

如果要将多个文本加粗显示,这是更好的解决方案。我改进了Eitan的代码。谢谢Eitan。

public static SpannableStringBuilder makeSectionOfTextBold(String text, String... textToBold) {
    SpannableStringBuilder builder = new SpannableStringBuilder(text);

    for (String textItem :
            textToBold) {
        if (textItem.length() > 0 && !textItem.trim().equals("")) {
            //for counting start/end indexes
            String testText = text.toLowerCase(Locale.US);
            String testTextToBold = textItem.toLowerCase(Locale.US);
            int startingIndex = testText.indexOf(testTextToBold);
            int endingIndex = startingIndex + testTextToBold.length();

            if (startingIndex >= 0 && endingIndex >= 0) {
                builder.setSpan(new StyleSpan(Typeface.BOLD), startingIndex, endingIndex, 0);
            }
        }
    }

    return builder;
}

8

根据@ mladj0ni的回答,我得到了下面的代码。问题是,如果您使用String.format,它将去除 html标记,因此您必须转义string.xml中的括号符号:

strings.xml:

<string name="welcome_messages">Hello, %1$s! You have &lt;b>%2$d new messages&lt;/b>.</string>

code.java:

String unspanned = String.format(Locale.US, "%s%s", getResources().getString(R.string. welcome_messages), 99);

Spanned spanned;
if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.N) {
    spanned = Html.fromHtml(unspanned, Html.FROM_HTML_MODE_LEGACY);
} else {
    spanned = Html.fromHtml(unspanned);
}

textView.setText(spanned);

它比SpannableStringBuilder更简单。至于性能,如果只显示一个字符串,那么用户将不会注意到解析它所花费的额外毫秒。

请参阅此处的文档。


感谢&lt; b> ...&lt; / b>

4

您可以使用此代码将部分文本设置为粗体。对于html粗体标记之间的内容,它将使其变为粗体。

String myText = "make this <b>bold</b> and <b>this</b> too";
textView.setText(makeSpannable(myText, "<b>(.+?)</b>", "<b>", "</b>"));

public SpannableStringBuilder makeSpannable(String text, String regex, String startTag, String endTag) {

            StringBuffer sb = new StringBuffer();
            SpannableStringBuilder spannable = new SpannableStringBuilder();

            Pattern pattern = Pattern.compile(regex);
            Matcher matcher = pattern.matcher(text);
            while (matcher.find()) {
                sb.setLength(0);
                String group = matcher.group();
                String spanText = group.substring(startTag.length(), group.length() - endTag.length());
                matcher.appendReplacement(sb, spanText);

                spannable.append(sb.toString());
                int start = spannable.length() - spanText.length();

                spannable.setSpan(new android.text.style.StyleSpan(android.graphics.Typeface.BOLD), start, spannable.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
            }
            sb.setLength(0);
            matcher.appendTail(sb);
            spannable.append(sb.toString());
            return spannable;
        }

3
public static Spanned getBoldString(String textNotBoldFirst, String textToBold, String textNotBoldLast) {
    String resultant = null;

    resultant = textNotBoldFirst + " " + "<b>" + textToBold + "</b>" + " " + textNotBoldLast;

    return Html.fromHtml(resultant);

}

试试这个。它绝对可以帮助


3

在列表/回收站中搜索char时,使字符串的第一个char可扩展

r a vi和ajay

以前像这样突出显示,但我想像下面

拉维一个第二阿贾伊 OR 拉维和一个周杰伦

为此,我搜索了等于1的单词长度,将主字符串分成单词并计算了单词的起始位置,然后搜索了以char开头的单词。

 public static SpannableString colorString(int color, String text, String... wordsToColor) {
    SpannableString coloredString = new SpannableString(text);

    for (String word : wordsToColor) {

        Log.e("tokentoken", "-wrd len-" + word.length());
        if (word.length() !=1) {
            int startColorIndex = text.toLowerCase().indexOf(word.toLowerCase());
            int endColorIndex = startColorIndex + word.length();
            try {
                coloredString.setSpan(new ForegroundColorSpan(color), startColorIndex, endColorIndex,
                        Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

            } catch (Exception e) {
                e.getMessage();
            }
        } else {
            int start = 0;

            for (String token : text.split("[\u00A0 \n]")) {
                if (token.length() > 0) {
                    start = text.indexOf(token, start);
                   // Log.e("tokentoken", "-token-" + token + "   --start--" + start);
                    char x = token.toLowerCase().charAt(0);
                    char w = word.toLowerCase().charAt(0);
                   // Log.e("tokentoken", "-w-" + w + "   --x--" + x);

                    if (x == w) {
                        // int startColorIndex = text.toLowerCase().indexOf(word.toLowerCase());
                        int endColorIndex = start + word.length();
                        try {
                            coloredString.setSpan(new ForegroundColorSpan(color), start, endColorIndex,
                                    Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

                        } catch (Exception e) {
                            e.getMessage();
                        }
                    }
                }
            }

        }

    }

    return coloredString;
}

3

我来这里是为了提供最新的解决方案,因为我对现有的答案不满意。我需要一种适用于翻译文本并且不具有使用性能下降的功能Html.fromHtml()。如果您使用的是Kotlin,这是一个扩展功能,可以轻松将文本的多个部分设置为bold。这项功能与Markdown一样,可以扩展为支持其他Markdown标签。

val yourString = "**This** is your **string**.".makePartialTextsBold()
val anotherString = getString(R.string.something).makePartialTextsBold()

/**
 * This function requires that the parts of the string that need
 * to be bolded are wrapped in ** and ** tags
 */
fun String.makePartialTextsBold(): SpannableStringBuilder {
    var copy = this
    return SpannableStringBuilder().apply {
        var setSpan = true
        var next: String
        do {
            setSpan = !setSpan
            next = if (length == 0) copy.substringBefore("**", "") else copy.substringBefore("**")
            val start = length
            append(next)
            if (setSpan) {
                setSpan(StyleSpan(Typeface.BOLD), start, length,
                        Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
            }
            copy = copy.removePrefix(next).removePrefix("**")
        } while (copy.isNotEmpty())
    }
}

3

wtsang02答案是解决此问题的最佳方法,因为现已弃用Html.fromHtml(“”)。在这里,我将针对那些动态将第一个单词加粗的人(无论句子的大小)有任何问题,对它进行一些增强。

首先,我们创建一个方法来获得第一个单词:

 private String getFirstWord(String input){

    for(int i = 0; i < input.length(); i++){

        if(input.charAt(i) == ' '){

            return input.substring(0, i);
        }
    }

    return input;
}

现在,假设您有一个长字符串,如下所示:

String sentence = "friendsAwesomeName@gmail.com want's to be your friend!"

而且您希望您的句子像yourAwesomeName@gmail.com一样,希望成为您的朋友!您要做的就是-获取firstWord并获取其长度,以使firstWord变为粗体,如下所示:

String myFirstWord = getFirstWord(sentence);
int start = 0; // bold will start at index 0
int end = myFirstWord.length(); // and will finish at whatever the length of your first word

现在,只需遵循wtsang02的步骤,如下所示:

SpannableStringBuilder fancySentence = new SpannableStringBuilder(sentence);
fancySentence.setSpan(new android.text.style.StyleSpan(Typeface.BOLD), start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
textView.setText(fancySentence);

就是这样!现在,您应该可以将长/短句子中任意大小的单词加粗。希望它能对某人有所帮助,祝您编程愉快:)


3

这是我为此使用的Kotlin扩展功能

/**
 * Sets the specified Typeface Style on the first instance of the specified substring(s)
 * @param one or more [Pair] of [String] and [Typeface] style (e.g. BOLD, ITALIC, etc.)
 */
fun TextView.setSubstringTypeface(vararg textsToStyle: Pair<String, Int>) {
    val spannableString = SpannableString(this.text)
    for (textToStyle in textsToStyle) {
        val startIndex = this.text.toString().indexOf(textToStyle.first)
        val endIndex = startIndex + textToStyle.first.length

        if (startIndex >= 0) {
            spannableString.setSpan(
                StyleSpan(textToStyle.second),
                startIndex,
                endIndex,
                Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
            )
        }
    }
    this.setText(spannableString, TextView.BufferType.SPANNABLE)
}

用法:

text_view.text="something bold"
text_view.setSubstringTypeface(
    Pair(
        "something bold",
        Typeface.BOLD
    )
)

text_view.text="something bold something italic"
text_view.setSubstringTypeface(
    Pair(
        "something bold ",
        Typeface.BOLD
    ),
    Pair(
        "something italic",
        Typeface.ITALIC
    )
)

2

您可以在构建器中分别添加两个字符串,其中一个是spannedString,另一个是常规字符串。这样,您就不必计算索引。

val instructionPress = resources?.getString(R.string.settings_press)

val okText = resources?.getString(R.string.ok)
val spannableString = SpannableString(okText)

val spannableBuilder = SpannableStringBuilder()
spannableBuilder.append(instructionPress)
spannableBuilder.append(spannableString, StyleSpan(Typeface.BOLD), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)

instructionText.setText(spannableBuilder,TextView.BufferType.SPANNABLE)

2

如果粗体文本的位置是固定的(例如:如果在textView的开头),则使用两个具有相同背景的不同textView。然后,您可以将另一个textView的textStyle设置为粗体。

与单个textView相比,这将需要两倍的内存,但是速度会提高。


1

我创建了一个静态方法来为TextView和EditText 设置部分粗体文本

public static void boldPartOfText(View mView, String contentData, int startIndex, int endIndex){
        if(!contentData.isEmpty() && contentData.length() > endIndex) {
            final SpannableStringBuilder sb = new SpannableStringBuilder(contentData);

            final StyleSpan bss = new StyleSpan(Typeface.BOLD); // Span to make text bold
            final StyleSpan iss = new StyleSpan(Typeface.NORMAL); //Span to make text normal
            sb.setSpan(iss, 0, startIndex, Spanned.SPAN_INCLUSIVE_INCLUSIVE);
            sb.setSpan(bss, startIndex, endIndex, Spannable.SPAN_INCLUSIVE_INCLUSIVE); // make first 4 characters Bold
            sb.setSpan(iss,endIndex, contentData.length()-1, Spanned.SPAN_INCLUSIVE_INCLUSIVE);

            if(mView instanceof TextView)
               ((TextView) mView).setText(sb);
            else if(mView instanceof EditText)
               ((EditText) mView).setText(sb);

        }
    }

另一个更自定义的代码

  /*typeFaceStyle can be passed as 

    Typeface.NORMAL = 0;
    Typeface.BOLD = 1;
    Typeface.ITALIC = 2;
    Typeface.BOLD_ITALIC = 3;*/

    public static void boldPartOfText(View mView, String contentData, int startIndex, int endIndex,int typeFaceStyle){
        if(!contentData.isEmpty() && contentData.length() > endIndex) {
            final SpannableStringBuilder sb = new SpannableStringBuilder(contentData);

            final StyleSpan bss = new StyleSpan(typeFaceStyle); // Span to make text bold
            final StyleSpan iss = new StyleSpan(Typeface.NORMAL); //Span to make text italic
            sb.setSpan(iss, 0, startIndex, Spanned.SPAN_INCLUSIVE_INCLUSIVE);
            sb.setSpan(bss, startIndex, endIndex, Spannable.SPAN_INCLUSIVE_INCLUSIVE); // make first 4 characters Bold
            sb.setSpan(iss,endIndex,contentData.length()-1,Spanned.SPAN_INCLUSIVE_INCLUSIVE);

            if(mView instanceof TextView)
                ((TextView) mView).setText(sb);
            else if(mView instanceof EditText)
                ((EditText) mView).setText(sb);
        }
    }

1

如果有人使用数据绑定。我们可以这样定义绑定适配器

@BindingAdapter("html")
fun setHtml(view: TextView, html: String) {
    view.setText(HtmlCompat.fromHtml(html, HtmlCompat.FROM_HTML_MODE_LEGACY))
}

然后我们可以在TextView上使用它

app:html="@{@string/bold_text}"

其中bold_text是

<string name="bold_text"><![CDATA[Part of text is <b>bold</b>]]></string>

您在哪里编写“ setHtml”函数?
Android开发人员

developer.android.com/topic/libraries/data-binding/…只要您有注释,它基本上是任何类
logcat

哦,这对我来说太奇怪了。谢谢。您是否知道为该主题的新手提供的不错的教程/示例?
Android开发人员

我不知道教程。只是谷歌“ android BindingAdapter”
logcat

1

找到了一种方法,以防您想使用多种语言进行本地化,这很无聊,但是可以正常工作,让我们假设我们想要这样做:

用英语讲:

没有注册付款

在西班牙语中:

没有干草堆注册

您必须创建3个字符串

英语:

<string name="start_string">There are no</string>
<string name="middle_string">payments</string>
<string name="end_string">registered.</string>
<string name="string_format" translatable="false">%1$s %2$s %3$s</string>

西班牙语:

<string name="start_string">No hay</string>
<string name="middle_string">pagos</string>
<string name="end_string">registrados</string>

现在您可以执行以下操作:

val startSpanPosition = getString(R.string.start_string).length
val endSpanPosition = startSpanPosition + getString(R.string.middle_string).length
val mySpannableString = SpannableStringBuilder(String.format(getString(R.string.string_format),
        getString(R.string.start_string), getString(R.string.middle_string))), getString(R.string.end_string)))

mySpannableString.setSpan(StyleSpan(Typeface.BOLD), spanStartPosition, endSpanPosition, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)

1

您的字符串资源

<resources>
   <string name="your_string_resource_name">This is normal text<![CDATA[<b> but this is bold </b>]]> and <![CDATA[<u> but this is underline text</u>]]></string>
</resources> 

你的java课

yourtextView.setText(getString(R.string.your_string_resource_name));

0

这是我对带有大小写检查的动态字符串值的完整解决方案。

/**
 * Makes a portion of String formatted in BOLD.
 *
 * @param completeString       String from which a portion needs to be extracted and formatted.<br> eg. I am BOLD.
 * @param targetStringToFormat Target String value to format. <br>eg. BOLD
 * @param matchCase Match by target character case or not. If true, BOLD != bold
 * @return A string with a portion formatted in BOLD. <br> I am <b>BOLD</b>.
 */
public static SpannableStringBuilder formatAStringPortionInBold(String completeString, String targetStringToFormat, boolean matchCase) {
    //Null complete string return empty
    if (TextUtils.isEmpty(completeString)) {
        return new SpannableStringBuilder("");
    }

    SpannableStringBuilder str = new SpannableStringBuilder(completeString);
    int start_index = 0;

    //if matchCase is true, match exact string
    if (matchCase) {
        if (TextUtils.isEmpty(targetStringToFormat) || !completeString.contains(targetStringToFormat)) {
            return str;
        }

        start_index = str.toString().indexOf(targetStringToFormat);
    } else {
        //else find in lower cases
        if (TextUtils.isEmpty(targetStringToFormat) || !completeString.toLowerCase().contains(targetStringToFormat.toLowerCase())) {
            return str;
        }

        start_index = str.toString().toLowerCase().indexOf(targetStringToFormat.toLowerCase());
    }

    int end_index = start_index + targetStringToFormat.length();
    str.setSpan(new StyleSpan(BOLD), start_index, end_index, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
    return str;
}

例如。completeString =“我大胆”

情况一, 如果*targetStringToFormat* = "bold"*matchCase* = true

返回“我是大胆的”(因为大胆!=大胆)

情况二, 如果*targetStringToFormat* = "bold"*matchCase* = false

返回“我大胆

申请:

myTextView.setText(formatAStringPortionInBold("I am BOLD", "bold", false))

希望有帮助!

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.