Android之同一个TextView设置不同样式的文字
2016-08-29 03:29
363 查看
版权声明:本文为博主原创文章,未经博主允许不得转载。
需求分析:
很多时候,我们需要在视图中显示不同样式的文字,但是为了减少viewgroup层级,不想新增很多个TextView控件来实现不同样式的文字。
那么有没有一种方式能够在同一个TextView控件中实现多种自定义的样式的文字呢?
答案是肯定的,下面就让我们来做一个此问题的实践实验。
实践过程:
首先我们在布局xml文件中定义了三个TextView控件,它们的定义如下:
[html]
view plain
copy
<TextView
android:id="@+id/annualized_Rate_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dip"
android:text="10.98%"
android:textColor="#e61300"
android:textSize="30sp" />
<TextView
android:id="@+id/due_time_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="bottom"
android:text="12个月"
android:textColor="#aaaaaa"
android:textSize="20sp" />
<TextView
android:id="@+id/total_sum_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="bottom"
android:text="10万元"
android:textColor="#aaaaaa"
android:textSize="20sp" />
接着,我们在java代码中去通过使用SpannableString这样一个关键类来实现我们的需求:
[java]
view plain
copy
String rateContent = t.getAnnualizedRateOfReturn() + "%";
int lenRate = rateContent.length();
SpannableString rate = new SpannableString(rateContent);
rate.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_rate_text_style1), 0, lenRate-1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
rate.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_rate_text_style2), lenRate-1, lenRate, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
String monthsContent = String.valueOf(t.getMonths()) + "个月";
int lenMonths = monthsContent.length();
SpannableString months = new SpannableString(monthsContent);
months.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_month_sum_text_style1), 0, lenMonths-2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
months.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_month_sum_text_style2), lenMonths-2, lenMonths, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
String sumContent = String.valueOf(t.getSum()) + "万元";
int lenSum = sumContent.length();
SpannableString sum = new SpannableString(sumContent);
sum.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_month_sum_text_style1), 0, lenSum-1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
sum.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_month_sum_text_style2), lenSum-1, lenSum, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
vh.setText(R.id.name_text, t.getName() + "(" + t.getDate()
+ ")").setStyledText(R.id.annualized_Rate_text,rate)
.setStyledText(R.id.due_time_text, months)
.setStyledText(R.id.total_sum_text, sum);
这里面的setStyledText方法实际上是封装了,TextView控件的setText方法,Span那边了String是CharSequence整个类的子类,因此可以作为setText方法的参数。
这里面使用了四个style,那我们的style在styles.xml文件当中定义,定义如下:
[html]
view plain
copy
<style name="item_rate_text_style1">
<item name="android:textSize">30sp</item>
</style>
<style name="item_rate_text_style2">
<item name="android:textSize">17sp</item>
<item name="android:textStyle">bold</item>
</style>
<style name="item_month_sum_text_style1">
<item name="android:textSize">22sp</item>
<item name="android:textColor">@color/black</item>
</style>
<style name="item_month_sum_text_style2">
<item name="android:textSize">15sp</item>
</style>
最终效果,如下图:
我们可以看到,在同一个TextView中,有两种不同style的文字。
最后希望此文能够对读者有所帮助。
需求分析:
很多时候,我们需要在视图中显示不同样式的文字,但是为了减少viewgroup层级,不想新增很多个TextView控件来实现不同样式的文字。
那么有没有一种方式能够在同一个TextView控件中实现多种自定义的样式的文字呢?
答案是肯定的,下面就让我们来做一个此问题的实践实验。
实践过程:
首先我们在布局xml文件中定义了三个TextView控件,它们的定义如下:
[html]
view plain
copy
<TextView
android:id="@+id/annualized_Rate_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dip"
android:text="10.98%"
android:textColor="#e61300"
android:textSize="30sp" />
<TextView
android:id="@+id/due_time_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="bottom"
android:text="12个月"
android:textColor="#aaaaaa"
android:textSize="20sp" />
<TextView
android:id="@+id/total_sum_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="bottom"
android:text="10万元"
android:textColor="#aaaaaa"
android:textSize="20sp" />
接着,我们在java代码中去通过使用SpannableString这样一个关键类来实现我们的需求:
[java]
view plain
copy
String rateContent = t.getAnnualizedRateOfReturn() + "%";
int lenRate = rateContent.length();
SpannableString rate = new SpannableString(rateContent);
rate.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_rate_text_style1), 0, lenRate-1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
rate.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_rate_text_style2), lenRate-1, lenRate, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
String monthsContent = String.valueOf(t.getMonths()) + "个月";
int lenMonths = monthsContent.length();
SpannableString months = new SpannableString(monthsContent);
months.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_month_sum_text_style1), 0, lenMonths-2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
months.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_month_sum_text_style2), lenMonths-2, lenMonths, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
String sumContent = String.valueOf(t.getSum()) + "万元";
int lenSum = sumContent.length();
SpannableString sum = new SpannableString(sumContent);
sum.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_month_sum_text_style1), 0, lenSum-1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
sum.setSpan(new TextAppearanceSpan(getActivity(), R.style.item_month_sum_text_style2), lenSum-1, lenSum, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
vh.setText(R.id.name_text, t.getName() + "(" + t.getDate()
+ ")").setStyledText(R.id.annualized_Rate_text,rate)
.setStyledText(R.id.due_time_text, months)
.setStyledText(R.id.total_sum_text, sum);
这里面的setStyledText方法实际上是封装了,TextView控件的setText方法,Span那边了String是CharSequence整个类的子类,因此可以作为setText方法的参数。
这里面使用了四个style,那我们的style在styles.xml文件当中定义,定义如下:
[html]
view plain
copy
<style name="item_rate_text_style1">
<item name="android:textSize">30sp</item>
</style>
<style name="item_rate_text_style2">
<item name="android:textSize">17sp</item>
<item name="android:textStyle">bold</item>
</style>
<style name="item_month_sum_text_style1">
<item name="android:textSize">22sp</item>
<item name="android:textColor">@color/black</item>
</style>
<style name="item_month_sum_text_style2">
<item name="android:textSize">15sp</item>
</style>
最终效果,如下图:
我们可以看到,在同一个TextView中,有两种不同style的文字。
最后希望此文能够对读者有所帮助。
相关文章推荐
- Android之同一个TextView设置不同样式的文字
- Android在一个TextView设置不同样式的文字
- 同一个textview设置不同文字样式
- Android布局TextView文字设置不同样式Spannable的使用
- Android 一个TextView中设置文字不同字体大小和颜色的最完整方法
- Android实战技巧:用TextView实现Rich Text---在同一个TextView中设置不同的字体风格
- Android实战技巧:用TextView实现Rich Text---在同一个TextView中设置不同的字体风格
- [转]Android中的一个TextView中的字体设置不同大小
- Android实战技巧:用TextView实现Rich Text---在同一个TextView中设置不同的字体风格
- 同一个textview中设置字体不同样式
- Android实战技巧:用TextView实现Rich Text---在同一个TextView中设置不同的字体风格
- 同一个textview中设置字体不同样式
- android 为TextView的部分文字设置超链接样式并监听点击事件
- android 一个 textview 设置不同的字体大小和颜色
- Android中对同一个TextView设置不同字体样式
- Android在一个TextView里显示不同样式的字体
- Android实战技巧:用TextView实现Rich Text---在同一个TextView中设置不同的字体风格
- Android实战技巧:用TextView实现Rich Text---在同一个TextView中设置不同的字体风格
- 注意Android里TextView控件的一个小坑,用android:theme来设置样式时动态载入的layout会丢失该样式
- Android中对同一个TextView设置不同字体样式