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

2018-11-26 21:46:28

一. 设置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设置的额外间距


代码示例:


<TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="对Android系统中TextView设置行间距,请看效果"

        android:textColor="#ff00"

        android:lineSpacingExtra="15dp"

        android:lineSpacingMultiplier="3"

        android:textSize="20sp"

        />



在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字间距:

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


代码示例:


  <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="对Textview设置行间距,请看效果"

        android:textColor="#ff00"

        android:textSize="20sp"

        />

    <TextView

        android:layout_marginTop="20dp"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="对Textview设置行间距,请看效果"

        android:textScaleX="2"

        android:textColor="#ff00"

        android:textSize="20sp"

        />

设置

 android:textScaleX="2"

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




这不是我们所需要的扩大字间距,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文件代码:


 <com.ss.myapplication.ChangeTextViewSpace

        android:id="@+id/tv_tv"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:textColor="#ff00"

        android:textSize="20sp"

        />

java 文件代码:


 ChangeTextViewSpace changeTextViewSpace = (ChangeTextViewSpace) findViewById(R.id.tv_tv);

 changeTextViewSpace.setSpacing(10);

 changeTextViewSpace.setText("对Textview设置行间距,请看效果");

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


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


效果图:





  • 2019-04-18 14:49:20

    Android图片加载框架最全解析,带你全面了解Glide 4的用法

    Glide的最新版本已经出到了4.4.0,可以说Glide 4已经是相当成熟和稳定了。而且也不断有朋友一直在留言,想让我讲一讲Glide 4的用法,因为Glide 4相对于Glide 3改动貌似还是挺大的,学完了Glide 3再去使用Glide 4,发现根本就无法使用。

  • 2019-04-23 13:57:37

    replace js 替换全部替换第一个

    RegExp("12333", "g"); 第一个参数是想要替换的内容 第二个参数“g”是匹配全部的意思,也可以换成"t",就是匹配第一个