TextView部分文字加粗

以你之姓@ 2024-04-17 05:44 51阅读 0赞

开发中经常遇到TextView中部分文字加粗或者颜色不同的场景  
一般使用SpannableString就能解决。例如：

private void testText1(String posName) { 
            String text = "* 为你发布的 " + posName + " 添加一句宣传语吧！";
            SpannableString span = new SpannableString(text);
            span.setSpan(new ForegroundColorSpan(Color.RED), 0, 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            span.setSpan(new ForegroundColorSpan(Color.CYAN), 7, 7 + posName.length() + 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            span.setSpan(new ForegroundColorSpan(Color.BLACK), text.length() - 5, text.length() - 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            span.setSpan(new StyleSpan(Typeface.BOLD), text.length() - 5, text.length() - 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            tv1.setText(span);
            /** * 其中最后的参数flag： * Spanned.SPAN_EXCLUSIVE_EXCLUSIVE --- 不包含两端start和end所在的端点 (a,b) * Spanned.SPAN_EXCLUSIVE_INCLUSIVE --- 不包含端start，但包含end所在的端点 (a,b] * Spanned.SPAN_INCLUSIVE_EXCLUSIVE --- 包含两端start，但不包含end所在的端点 [a,b) * Spanned.SPAN_INCLUSIVE_INCLUSIVE --- 包含两端start和end所在的端点 [a,b] */
        }

效果图如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2libGFkZQ_size_16_color_FFFFFF_t_70]  
虽然这种方式能设置很多特效，但是setSpan的需要传入起始值的下标，字符串往往是后台给出一部分，app端写死一部分，哪个位置加粗变色都需要我们手动数出下标，真是让人掉头发。所以我更喜欢使用html，例如这样：

private void testText2(String posName) { 
 String text = "* 为你发布的"
 + " " + posName + " "
 + "添加一句宣传语吧！";
 tv2.setText(Html.fromHtml(text));
 }

效果是这样的：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2libGFkZQ_size_16_color_FFFFFF_t_70 1] 
但是使用html加粗文字时需要格外注意：需要使用`<tt>需要加粗文字</tt>`,其他没效果的

private void testText2(String posName) { 
 String text = "* 为你发布的"
 + " " + posName + " "
 + "添加一句"
 + "<tt>宣传语</tt>" 
 + "吧！";
 tv2.setText(Html.fromHtml(text));
 }

但是使用TextView.setText(Html.fromhtml(text)；有个bug，假如text包含`1+1<3`等包含类似html标签的小于号，且没有大于号配对时，会出现文字不全情况。 
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2libGFkZQ_size_16_color_FFFFFF_t_70 2] 
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2libGFkZQ_size_16_color_FFFFFF_t_70 3] 
并没有找到合适的解决方案：

只是发现了一些可能有用的帖子：

[Strange issue with android:ellipsize=“end”][Strange issue with android_ellipsize_end]

[android ellipsize multiline textview][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2libGFkZQ_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/ac9d5a2b8ad14d06a3f939a3eefe23ca.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2libGFkZQ_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/9c5f26df778042d49b6229da10b44155.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2libGFkZQ_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/2f807eb873194a8b841ff1f2a0e32f8a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2libGFkZQ_size_16_color_FFFFFF_t_70 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/5887653827c849ceab9dba5252159f4e.png
[Strange issue with android_ellipsize_end]: https://stackoverflow.com/questions/17131294/strange-issue-with-androidellipsize-end
[android ellipsize multiline textview]: https://stackoverflow.com/questions/2160619/android-ellipsize-multiline-textview/6763689#6763689