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


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


效果图:





  • 2017-07-05 09:48:51

    CSS 元素垂直居中的 6种方法

    利用CSS进行元素的水平居中,比较简单,行级元素设置其父元素的text-align center,块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法,每一种适用于不同的情况,在实际的使用过程中选择某一种方法即可。

  • 2017-07-06 10:02:18

    大白话讲解Promise(一)

    去年6月份, ES2015正式发布(也就是ES6,ES6是它的乳名),其中Promise被列为正式规范。作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念与使用方法。

  • 2017-07-11 21:54:14

    MYSQL5.7版本sql_mode=only_full_group_by问题

    一旦开启 only_full_group_by ,感觉,group by 将变成和 distinct 一样,只能获取受到其影响的字段信息,无法和其他未受其影响的字段共存,这样,group by 的功能将变得十分狭窄了

  • 2017-07-14 13:51:58

    NodeJS连接MySQL出现Cannot enqueue Handshake after invoking quit.

    原因在于node连接上mysql后如果因网络原因丢失连接或者用户手工关闭连接后,原有的连接挂掉,需要重新连接;如下代码,每次访问结束都关闭,每次开始访问前重连接下,代码中没有监听连接的fatal错误,copy需谨慎

  • 2017-07-14 13:53:02

    nodejs解决mysql和连接池(pool)自动断开问题

    最近在做一个个人项目,数据库尝试使用了mongodb、sqlite和mysql。分享一下关于mysql的连接池用法。项目部署于appfog,项目中我使用连接池链接数据库,本地测试一切正常。上线以后,经过几次请求两个数据接口总是报503。一直不明就里,今天经过一番排查终于顺利解决了。