Android UI之TextView常用技巧整理

1、简介

本篇博客用来记录在日常的开发中TextView的诸多使用技巧，用以日后再次遇到后更加熟练的进行使用。

2、TextView技巧使用明细

设置h5字体样式
mTextTip.setText(Html.fromHtml("<font color='#c70c1e'>我是谁</font>"));

2.1 TextView 带图标显示

a. 很常见的如:  android:drawableLeft = " "，即实现右边是文字左边的是图标的显示效果

b. setCompoundDrawables 的使用技巧

该API的功能就是设置Drawable在TextView控件的显示位置，可以在Java代码段很轻易的实现图标的切换和图标位置的变换。

   以下为案例1 实现图标的切换:

   public static void modifyTextViewDrawable(TextView v, Drawable drawable, int index) {
        drawable.setBounds(0, 0, drawable.getMinimumWidth(), drawable.getMinimumHeight());
        //index 0:左 1：上 2：右 3：下
        if (index == 0) {
            v.setCompoundDrawables(drawable, null, null, null);
        } else if (index == 1) {
            v.setCompoundDrawables(null, drawable, null, null);
        } else if (index == 2) {
            v.setCompoundDrawables(null, null, drawable, null);
        } else {
            v.setCompoundDrawables(null, null, null, drawable);
        }
    }

解释: drawable.setBounds( )设置drawable将绘制在矩形的那个区域内，绘制点为该canvas的左上角

案例2其实差不多,贴出来

tvStatus = findViewById(R.id.tvStatus);
// 获得文件资源下的图片
Drawable drawableLeft = ContextCompat.getDrawable(this,R.mipmap.ic_location);
// 设置大小 设置图像绘制的矩形位置. 相对于canvas的左上角
drawableLeft.setBounds(0, 0,28,28);
// 设置符合的图片 方位为左
tvStatus.setCompoundDrawables(drawableLeft, null, null, null);

这里是没封装的，可以自由调整你所插入的图标的大小，这些都是OK的。

2.2

SpannableStringBuilder 本小节的重点

解释: 这是一个内容和标记都可以更改的文本类。

SpannableStringBuilder 和 SpannableString通过 setSpan（ ）来改变文本样式。其方法如下:

//SpannableString.java
// 参数- what传入各种Span类型的实例; 
// 参数二/三 start和end标记要替代的文字内容的范围； 
// 参数四 flags是用来标识在Span范围内的文本前后输入新的字符时是否把它们也应用这个效果
public void setSpan(Object what, int start, int end, int flags) {
        super.setSpan(what, start, end, flags);
 }

flag 取值:  

• Spannable.SPAN_EXCLUSIVE_INCLUSIVE：在 Span前面输入的字符不应用 Span的效果，在后面输入的字符应用Span效果。
• Spannable.SPAN_INCLUSIVE_EXCLUSIVE：在 Span前面输入的字符应用 Span 的效果，在后面输入的字符不应用Span效果。
• Spannable.SPAN_INCUJSIVE_INCLUSIVE：在 Span前后输入的字符都应用 Span 的效果。
• Spannable.SPAN_EXCLUSIVE_EXCLUSIVE：前后都不应用。

what： 对应的各种Span，不同的Span对应不同的样式。实现不同的文字样式的重点就是在这里哦。已知的可用类有：

• BackgroundColorSpan : 文本背景色
• ForegroundColorSpan : 文本颜色
• MaskFilterSpan : 修饰效果，如模糊(BlurMaskFilter)浮雕
• RasterizerSpan : 光栅效果
• StrikethroughSpan : 删除线
• SuggestionSpan : 相当于占位符
• UnderlineSpan : 下划线
• AbsoluteSizeSpan : 文本字体（绝对大小）
• DynamicDrawableSpan : 设置图片，基于文本基线或底部对齐。
• ImageSpan : 图片
• RelativeSizeSpan : 相对大小（文本字体）
• ScaleXSpan : 基于x轴缩放
• StyleSpan : 字体样式：粗体、斜体等
• SubscriptSpan : 下标（数学公式会用到）
• SuperscriptSpan : 上标（数学公式会用到）
• TextAppearanceSpan : 文本外貌（包括字体、大小、样式和颜色）
• TypefaceSpan : 文本字体
• URLSpan : 文本超链接
• ClickableSpan : 点击事件

案例1. 图像文字混合排放

    <TextView
        android:id="@+id/tvTwo"
        android:paddingTop="20dp"
        android:paddingBottom="3dp"
        android:layout_marginLeft="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    private void actionImage() {
        SpannableString spanString = new SpannableString("1 南京");
        ImageSpan imageSpan = new ImageSpan(mDrawable, ImageSpan.ALIGN_BOTTOM);
        // 将0-1进行替换
        spanString.setSpan(imageSpan,0,1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        tvTwo.setText(spanString);
    }

案例2. 打印出美元符号并且字体颜色和后面不一致

/**
 * @author zxl on 2018/8/15.
 *         discription: CharacterStyle