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文件中设置。


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


效果图:





  • 2020-05-07 13:42:13

    场景切换的集合移动,旋转,淡入淡出等

    两个场景(即两个div视图)切换的时候,如果想添加个过渡动画,除了可以使用js来实现,还可以通过CSS3的animation属性来实现。 (注意:Internet Explorer 9 以及更早的版本不支持 animation 属性。)

  • 2020-05-07 13:43:02

    css模拟开关按钮

    之前我们为大家分享过很多款各式各样的CSS3开关切换按钮,很多还是非常富有创意的,比如这里的多组超具创意的CSS3开关切换按钮和纯CSS3灯光开关动画。今天我们要带来另外一款外观很漂亮的纯CSS3开关切换按钮动画,它模拟了电灯的开关,并且在开和关之间切换时按钮的背景会有不同的变化,看起来非常不错。

  • 2020-05-07 18:40:35

    CSS让页面平滑滚动

    凡是需要滚动的地方都加一句scroll-behavior:smooth就好了!

  • 2020-05-12 10:17:07

    createElementNS和createElement区别

    指定与元素相关联的命名空间URI的字符串。创建的元素的namespaceURI属性使用namespaceURI的值进行初始化。 参见有效的命名空间URL。

  • 2020-05-13 09:37:50

    transform-origin(变形原点) 怎么用

    transform-origin是变形原点,也就是该元素围绕着那个点变形或旋转,该属性只有在设置了transform属性的时候起作用

  • 2020-05-13 09:56:35

    Could not find method google() for arguments [] on repository container.

    1、打开项目根目录下android/gradle/wrapper/gradle-wrapper.properties 将distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip中的2.14.1改成4.1 ———————————————— 版权声明:本文为CSDN博主「peachesTao」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/taoerchun/article/details/93870941