TextView设置行间距、行高,以及字间距

一. 设置TextView行间距、行高:

Android系统中TextView有默认行间距,但是比较窄有的时候需要我们设置每行行间距。

TextView为我们提供了相关设置属性android:lineSpacingExtra或android:lineSpacingMultiplier。

在xml文件设置:

1、android:lineSpacingExtra 设置行间距,如”10dp”。

     表示额外的行间距数值,单位通常为dp,值可以为负数,小数和0。如果值为正数表示增加行间距;如果值为负数表示减少行间距;如果值为0,则没有      变化。

在java代码中

2、android:lineSpacingMultiplier 设置行间距的倍数,如”1.5或者2″

     表示行间距的倍数,没有单位,值可以为任意浮点数。如果值大于1.0表示增加行间距,如果值小于1.0表示减少行间距。

3. android:lineSpacingExtra和android:lineSpacingMultiplier 

     可以在一起对同一个TextView进行设置,同时使用时会先增加android:lineSpacingMultiplier设置的倍数,再加上android:lineSpacingExtra设置的额外间距

代码示例:


在java文件里进行设置:


1、setLineSpacing (float add, float mult)

  参数add表示要增加的间距数值,对应android:lineSpacingExtra参数。参数mult表示要增加的间距倍数,对应android:lineSpacingMultiplier参数。

代码示例:

TextView tv_textview = (TextView) findViewById(R.id.tv_textview);
tv_textview.setLineSpacing(15,3);

效果图:

TextView设置行间距、行高,以及字间距_第1张图片

二. 设置TextView字间距:

一般会用android:textScaleX可以设置文字间距,但是它是控制字体水平方向的缩放,即水平方向放大。并不是咱们所需要的字间距的放大

代码示例:

  
    
设置
 android:textScaleX="2"

我们看下android:textScaleX设置的效果:

TextView设置行间距、行高,以及字间距_第2张图片

这不是我们所需要的扩大字间距,TextView没有提供相应的方法。既然没有直接的方法,我们可以通过别的方式实现,这儿是通过添加空格来实现的。


下面提供设置字间距 代码:

自定义TextView:


import android.content.Context;
import android.text.Spannable;
import android.text.SpannableString;
import android.text.style.ScaleXSpan;
import android.util.AttributeSet;
import android.widget.TextView;

/**
 * Created by shanshan on 2018/3/15.
 */

public class ChangeTextViewSpace extends TextView {
    private float spacing = Spacing.NORMAL;
    private CharSequence originalText = "";
    public ChangeTextViewSpace(Context context) {
        super(context);
    }
    
    public ChangeTextViewSpace(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    
    public ChangeTextViewSpace(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    /**
     * 获取字间距
     */
    public float getSpacing() {
        return this.spacing;
    }

    /**
     * 设置间距
     */
    public void setSpacing(float spacing) {
        this.spacing = spacing;
        applySpacing();
    }

    @Override
    public void setText(CharSequence text, BufferType type) {
        originalText = text;
        applySpacing();
    }

    @Override
    public CharSequence getText() {
        return originalText;
    }

    /**
     * 扩大文字空间
     */
    private void applySpacing() {
        if (this == null || this.originalText == null) return;
        StringBuilder builder = new StringBuilder();
        for (int i = 0; i < originalText.length(); i++) {
            builder.append(originalText.charAt(i));
            if (i + 1 < originalText.length()) {
                //如果前后都是英文,则不添加空格,防止英文空格太大
                if (isEnglish(originalText.charAt(i) + "") && isEnglish(originalText.charAt(i + 1) + "")) {
                } else {
                    // \u00A0 不间断空格 碰见文字追加空格
                    builder.append("\u00A0");
                }
            }
        }
        // 通过SpannableString类,去设置空格
        SpannableString finalText = new SpannableString(builder.toString());
        // 如果当前TextView内容长度大于1,则进行空格添加
        if (builder.toString().length() > 1) {
            for (int i = 1; i < builder.toString().length(); i += 2) {
                // ScaleXSpan 基于x轴缩放  按照x轴等比例进行缩放 通过字间距+1除以10进行等比缩放
                finalText.setSpan(new ScaleXSpan((spacing + 1) / 10), i, i + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
            }
        }
        super.setText(finalText, BufferType.SPANNABLE);
    }

    public class Spacing {
        public final static float NORMAL = 0;
    }
    /**
     *  判断是否是英语
     */
    public static boolean isEnglish(String charaString) {
        return charaString.matches("^[a-zA-Z]*");
    }

}

xml文件代码:

 

java 文件代码:

 ChangeTextViewSpace changeTextViewSpace = (ChangeTextViewSpace) findViewById(R.id.tv_tv);
 changeTextViewSpace.setSpacing(10);
 changeTextViewSpace.setText("对Textview设置行间距,请看效果");

注意:这儿setText()调用的是自定义textview的方法,不能在xml文件中设置。

          这儿对英文进行了处理,防止每个字母扩大间距;

效果图:

TextView设置行间距、行高,以及字间距_第3张图片



你可能感兴趣的:(自定义view,textview,设置字间距,设置行间距)