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

转载 2016年08月29日 03:29:40

需求分析:

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

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

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


实践过程:

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

  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这样一个关键类来实现我们的需求:

  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文件当中定义,定义如下:

  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的文字。

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

相关文章推荐

android 为TextView的部分文字设置超链接样式并监听点击事件

android 为TextView的部分文字设置超链接样式并监听点击事件

Android笔记之TextView内部文字样式自定义

很多时候我们需要在TextView中对单个或部分文字单独做处理,这个时候我们就需要用到SpannableString类来帮助我们,效果如图: 详细实现请看代码,已注释:package com.e...

Android用户界面 UI组件--TextView及其子类(三) EditView以及各种Span文字样式讲解

EditView和TextView的用法差不多,只是文字可编辑 小技巧: 设置EditText隐藏键盘  (EditText)mMarket.setInputType(0);   设置EditTex...

高德地图自定义infowindow样式,textview设置文字在背景图中的位置

当点击高德地图的overlay时,弹出个view,

为 TextView 的部分文字设置超链接样式并监听点击事件

TextView的部分文字设置超链接样式并监听点击事件 修改TextView中部分文字的颜色 flags对一段文字设置一些标识TextView的部分文字设置超链接样式并监听点击事件 package c...

android TextView中文字通过SpannableString设置属性

在Android中,TextView是我们最常用的用来显示文本的控件。   一般情况下,TextView中的文本都是一个样式。那么如何对于TextView中各个部分的文本来设置字体,大小,颜色,...

Android TextView中文字设置超链接、颜色、字体

TextView是用来显示文本的,有时需要给TextView中的个别字设置为超链接,或者设置个别字的颜色、字体等,那就需要用到Spannable对象,可以借助Spannable对象实现以上设置。 ...

Android TextView中文字通过SpannableString来设置超链接、颜色、字体等属性

Android TextView中文字通过SpannableString来设置超链接、颜色、字体等属性 http://blog.163.com/hero_213/blog/static/398912...

Android Studio App设置TextView文字内容大小颜色

设置TextView文字内容大小颜色 1.第一种方法在activity_main.xml李设置,Java文件不用改: android:text="这里是文字" android:textSize...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)