Android 自定义TextView 实现文本间距
2017-05-19 16:14
507 查看
Android系统中TextView默认显示中文时会比较紧凑,不是很美观。为了让每行保持一定的行间距,可以设置属性android:lineSpacingExtra或android:lineSpacingMultiplier。
但是有时候我们需要在TextView的文本之间有间距,两个字的话,我们可以在xml文件中,用敲空格的方式来实现,如果有很多文本或者是一个变量的文本呢。我们还这样用敲空格的方式来实现吗?oh no~!
如何实现行间距和文本间距呢?(请往下看 ↓)。
android:lineSpacingExtra="13dp" //设置行间距
android:lineSpacingMultiplier="1.2" //设置行间距的倍数。如”1.2”
![](https://images2015.cnblogs.com/blog/1040703/201705/1040703-20170522133135288-861464746.png)
自定义的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();
}
@Overridepublic void setText(CharSequence text, BufferType type) {
originalText = text;
applyLetterSpacing();
}
@Overridepublic 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 文件如下:
[/code]
以上代码使用起来很方便,添加到自己的项目中看下效果。
TextView控件以开源:SpacingTextView
如果你想实现TextView的 文本对齐;请参考开源项目:AlignTextView
来源: http://blog.csdn.net/u011974987/article/details/50845269
来自为知笔记(Wiz)
但是有时候我们需要在TextView的文本之间有间距,两个字的话,我们可以在xml文件中,用敲空格的方式来实现,如果有很多文本或者是一个变量的文本呢。我们还这样用敲空格的方式来实现吗?oh no~!
如何实现行间距和文本间距呢?(请往下看 ↓)。
1、设置TextView的行间距
在TextView控件中添加属性:android:lineSpacingExtra="13dp" //设置行间距
android:lineSpacingMultiplier="1.2" //设置行间距的倍数。如”1.2”
2、设置TextView的文本间距
先看下效果图:![](https://images2015.cnblogs.com/blog/1040703/201705/1040703-20170522133135288-861464746.png)
自定义的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();
}
@Overridepublic void setText(CharSequence text, BufferType type) {
originalText = text;
applyLetterSpacing();
}
@Overridepublic 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>
[/code]
以上代码使用起来很方便,添加到自己的项目中看下效果。
TextView控件以开源:SpacingTextView
如果你想实现TextView的 文本对齐;请参考开源项目:AlignTextView
来源: http://blog.csdn.net/u011974987/article/details/50845269
来自为知笔记(Wiz)
相关文章推荐
- android开发 自定义View实现TextView文本间距
- Android 自定义TextView 实现文本间距
- Android TextView 自定义识别文本中的超链接并打开自身WebView(按照微信效果实现)
- Android UI 之居中绘制文本内容的正确方法——实现自定义一个TextView
- Android 自定义TextView实现文本内容自动调整字体大小以适应TextView的大小
- Android 自己定义TextView 实现文本间距
- Android 自定义TextView实现文本内容自动调整字体大小
- Android 自定义TextView实现文本内容自动调整字体大小以适应TextView的大小
- Android 自定义TextView实现文本内容自动调整字体大小以适应TextView的大小
- Android UI 之居中绘制文本内容的正确方法——实现自定义一个TextView
- Android UI 之居中绘制文本内容的正确方法——实现自定义一个TextView
- android textview 多行文本显示 scroll滑动实现
- Android中实现为TextView添加多个可点击的文本
- Android-自定义TextView和异步加载图片的实现
- Android-自定义TextView和异步加载图片的实现
- Android如何在一个TextView中实现多种文本风格?
- Android UI设计之<四>自定义TextView属性,实现带边框效果的TextView
- Android TextView富文本、超链接和添加文字背景等其他效果的实现
- Android自定义的webView——可实现的网页文本的复制
- Android实战,实现文本读取,实现assets下资源文本的读取,实现l列表下隐藏TextView点击显示