Android之同一个TextView设置不同样式的文字

版权声明：本文为博主原创文章，未经博主允许不得转载。

需求分析：

很多时候，我们需要在视图中显示不同样式的文字，但是为了减少viewgroup层级，不想新增很多个TextView控件来实现不同样式的文字。

那么有没有一种方式能够在同一个TextView控件中实现多种自定义的样式的文字呢？

答案是肯定的，下面就让我们来做一个此问题的实践实验。

实践过程：

首先我们在布局xml文件中定义了三个TextView控件，它们的定义如下：

[html] view plain copy

1. <TextView  
2.     android:id="@+id/annualized_Rate_text"  
3.     android:layout_width="wrap_content"  
4.     android:layout_height="wrap_content"  
5.     android:layout_marginTop="5dip"  
6.     android:text="10.98%"  
7.     android:textColor="#e61300"  
8.     android:textSize="30sp" />  
9.   
10.   
11. <TextView  
12.     android:id="@+id/due_time_text"  
13.     android:layout_width="wrap_content"  
14.     android:layout_height="wrap_content"  
15.     android:layout_weight="1"  
16.     android:gravity="bottom"  
17.     android:text="12个月"  
18.     android:textColor="#aaaaaa"  
19.     android:textSize="20sp" />  
20.   
21.   
22. <TextView  
23.     android:id="@+id/total_sum_text"  
24.     android:layout_width="wrap_content"  
25.     android:layout_height="wrap_content"  
26.     android:layout_weight="1"  
27.     android:gravity="bottom"  
28.     android:text="10万元"  
29.     android:textColor="#aaaaaa"  
30.     android:textSize="20sp" />  

接着，我们在java代码中去通过使用SpannableString这样一个关键类来实现我们的需求：

[java] view plain copy

1. String rateContent = t.getAnnualizedRateOfReturn() + "%";  
2. int lenRate = rateContent.length();  
3. SpannableString rate = new SpannableString(rateContent);  
4. rate.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_rate_text_style1), 0, lenRate-1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
5. rate.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_rate_text_style2), lenRate-1, lenRate, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
6.   
7. String monthsContent  = String.valueOf(t.getMonths()) + "个月";  
8. int lenMonths = monthsContent.length();  
9. SpannableString months = new SpannableString(monthsContent);  
10. months.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_month_sum_text_style1), 0, lenMonths-2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
11. months.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_month_sum_text_style2), lenMonths-2, lenMonths, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
12.   
13. String sumContent  = String.valueOf(t.getSum()) + "万元";  
14. int lenSum = sumContent.length();  
15. SpannableString sum = new SpannableString(sumContent);  
16. sum.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_month_sum_text_style1), 0, lenSum-1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
17. sum.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_month_sum_text_style2), lenSum-1, lenSum, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
18.   
19. vh.setText(R.id.name_text, t.getName() + "（" + t.getDate()  
20.         + "）").setStyledText(R.id.annualized_Rate_text,rate)  
21.         .setStyledText(R.id.due_time_text, months)  
22.         .setStyledText(R.id.total_sum_text, sum);  

这里面的setStyledText方法实际上是封装了，TextView控件的setText方法，Span那边了String是CharSequence整个类的子类，因此可以作为setText方法的参数。

这里面使用了四个style，那我们的style在styles.xml文件当中定义，定义如下：

[html] view plain copy

1. <style name="item_rate_text_style1">  
2.     <item name="android:textSize">30sp</item>  
3. </style>  
4.   
5. <style name="item_rate_text_style2">  
6.     <item name="android:textSize">17sp</item>  
7.     <item name="android:textStyle">bold</item>  
8. </style>  
9.   
10. <style name="item_month_sum_text_style1">  
11.     <item name="android:textSize">22sp</item>  
12.     <item name="android:textColor">@color/black</item>  
13. </style>  
14.   
15. <style name="item_month_sum_text_style2">  
16.     <item name="android:textSize">15sp</item>  
17. </style>  

最终效果，如下图：

我们可以看到，在同一个TextView中，有两种不同style的文字。

最后希望此文能够对读者有所帮助。