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-01-29 14:33:07

    child_process中spawn和exec方法的使用

    child_process是nw.exe的一个内置模块,通过它可以实现创建多线程,并可实现主线程和子线程之间的通信。child_process模块中主要使用有两个方法spawn和exec,这两个方法都可以用来创建子线程。除了spawn和exec外,child_process模块还有execFile,fork,spawnSync,execFileSync,execSync,它们都是基于spawn的不同封装。 --------------------- 作者:黄泽平 来源:CSDN 原文:https://blog.csdn.net/zeping891103/article/details/52230175 版权声明:本文为博主原创文章,转载请附上博文链接!

  • 2019-01-29 14:50:51

    Node.js 编写跨平台 spawn 语句

    Node.js 是跨平台的,也就是说它能运行在 Windows、OSX 和 Linux 平台上。很多 Node.js 开发者都是在 OSX 上做开发的,然后再将代码部署到 Linux 服务器上。由于 OSX 和 Linux 都是基于 Unix 的,因此两者共性很多。Windows 也是 Node.js 官方支持的平台,只要你通过正确的方式写代码,就能在各个平台上毫无压力的跑起来。

  • 2019-01-30 17:53:21

    视图与临时表

    视图与表的不同之处:视图是一个虚表,即视图所对应的数据不进行实际存储,数据库只存储视图的定义,对视图的数据进行操作时,系统根据视图的定义去操作与视图相关联的基本表。

  • 2019-02-01 08:43:59

    JS 随机排序算法

    使用JS编写一个方法 让数组中的元素每次刷新随机排列

  • 2019-02-12 16:36:23

    图片工具GraphicsMagick的安装配置与基本使用

    GraphicsMagick是一个短小精悍的的图片处理工具和库集合。对于Java开发者来说,常用的图片处理工具有3个,JDK自带的图片处理库,ImageMagick,GraphicsMagick。JDK自带的图片处理库,虽稳定简单,性能却比较差;ImageMagick是目前最流行的图片处理工具,它的功能非常丰富;GraphicsMagick的功能略逊于ImageMagick,但是它的效率更强悍,但大多数情况下,GM的功能已经足够使用了。