1. 程式人生 > >Android 自己定義TextView 實現文本間距

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

ber ews ava res space 效果圖 文本 override value

技術分享

轉載請標明出處: 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 實現文本間距