Android 自己定義TextView 實現文本間距

標籤：apk   hid   tag   too   ring   resources   keyword   javadoc   his   

轉載請標明出處： http://blog.csdn.net/u011974987/article/details/50845269；

Android系統中TextView預設顯示中文時會比較緊湊。不是非常美觀。為了讓每行保持一定的行間距，能夠設定屬性android:lineSpacingExtra或android:lineSpacingMultiplier。
可是有時候我們須要在TextView的文本之間有間距，兩個字的話，我們能夠在xml檔案裡。用敲空格的方式來實現。假設有非常多文本或者是一個變數的文本呢。

我們還這樣用敲空格的方式來實現嗎？oh no~！

怎樣實現行間距和文本間距呢？（請往下看 ↓）。

1、設定TextView的行間距

在TextView控制項中加入屬性：

  android:lineSpacingExtra="13dp"   //設定行間距  android:lineSpacingMultiplier="1.2"  //設定行間距的倍數。
如”1.2”

2、設定TextView的文本間距

• 先看下：
  
• 自己定義的TextView 的代碼例如以下：

package com.woyou.spacingtextview;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 Xiho on 2016/3/7. */public class SpacingTextView extends TextView{    private float letterSpacing = LetterSpacing.BIGGEST;    private CharSequence originalText = "";    public SpacingTextView(Context context) {        super(context);    }    public SpacingTextView(Context context, AttributeSet attrs){        super(context, attrs);        originalText = super.getText();        applyLetterSpacing();        this.invalidate();    }    public SpacingTextView(Context context, AttributeSet attrs, int defStyle){        super(context, attrs, defStyle);    }    public float getLetterSpacing() {        return letterSpacing;    }    public void setLetterSpacing(float letterSpacing) {        this.letterSpacing = letterSpacing;        applyLetterSpacing();    }    @Override    public void setText(CharSequence text, BufferType type) {        originalText = text;        applyLetterSpacing();    }    @Override    public CharSequence getText() {        return originalText;    }    /**     * 字距為不論什麼字串（技術上，一個簡單的方法為CharSequence不使用）的TextView     */    private void applyLetterSpacing() {        if (this == null || this.originalText == null) return;        StringBuilder builder = new StringBuilder();        for(int i = 0; i < originalText.length(); i++) {            String c = ""+ originalText.charAt(i);            builder.append(c.toLowerCase());            if(i+1 < originalText.length()) {                builder.append("\u00A0");            }        }        SpannableString finalText = new SpannableString(builder.toString());        if(builder.toString().length() > 1) {            for(int i = 1; i < builder.toString().length(); i+=2) {                finalText.setSpan(new ScaleXSpan((letterSpacing+1)/10), i, i+1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);            }        }        super.setText(finalText, BufferType.SPANNABLE);    }    public class LetterSpacing {        public final static float NORMAL = 0;        public final static float NORMALBIG = (float)0.025;        public final static float BIG = (float)0.05;        public final static float BIGGEST = (float)0.2;    }}

• 在activity 中使用：

private SpacingTextView mSpacingTextView;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mSpacingTextView = (SpacingTextView) findViewById(R.id.space_text);        mSpacingTextView.setText(getResources().getString(R.string.test));        //Or any float. To reset to normal, use 0 or LetterSpacingTextView.Spacing.NORMAL        mSpacingTextView.setLetterSpacing(10);    }

• xml 檔案例如以下：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    app:layout_behavior="@string/appbar_scrolling_view_behavior"    tools:context="com.woyou.spacingtextview.MainActivity"    tools:showIn="@layout/activity_main">    <com.woyou.spacingtextview.SpacingTextView        android:id="@+id/space_text"        android:layout_width="wrap_content"        android:lineSpacingExtra="13dp"        android:layout_height="wrap_content"        android:text="@string/test" /></RelativeLayout>

以上代碼使用起來非常方便。加入到自己的項目中看下效果。

TextView控制項以開源：SpacingTextView
假設你想實現TextView的 文本對齊；請參考開源項目：AlignTextView

Android 自己定義TextView 實現文本間距