zoukankan      html  css  js  c++  java
  • Android 自定义TextView 实现文本间距

    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(); } @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 文件如下:

      1. <?xml version="1.0" encoding="utf-8"?>
      2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      3. xmlns:app="http://schemas.android.com/apk/res-auto"
      4. xmlns:tools="http://schemas.android.com/tools"
      5. android:layout_width="match_parent"
      6. android:layout_height="match_parent"
      7. android:paddingBottom="@dimen/activity_vertical_margin"
      8. android:paddingLeft="@dimen/activity_horizontal_margin"
      9. android:paddingRight="@dimen/activity_horizontal_margin"
      10. android:paddingTop="@dimen/activity_vertical_margin"
      11. app:layout_behavior="@string/appbar_scrolling_view_behavior"
      12. tools:context="com.woyou.spacingtextview.MainActivity"
      13. tools:showIn="@layout/activity_main">
      14. <com.woyou.spacingtextview.SpacingTextView
      15. android:id="@+id/space_text"
      16. android:layout_width="wrap_content"
      17. android:lineSpacingExtra="13dp"
      18. android:layout_height="wrap_content"
      19. android:text="@string/test" />
      20. </RelativeLayout>

      以上代码使用起来很方便,添加到自己的项目中看下效果。

    TextView控件以开源:SpacingTextView 
    如果你想实现TextView的 文本对齐;请参考开源项目:AlignTextView






  • 相关阅读:
    105个软件测试工具大放送
    2016年开源巨献:来自百度的71款开源项目
    开源代码:Http请求封装类库HttpLib介绍、使用说明
    C#的HTTP开发包 HttpLib
    dropzonejs中文翻译手册 DropzoneJS是一个提供文件拖拽上传并且提供图片预览的开源类库.
    Windows平台分布式架构实践
    Windows平台下利用APM来做负载均衡方案
    C# .net dotnet属性定义属性,以提供显示明称,默认值
    细说ASP.NET Forms身份认证
    IIS 7.5 Application Warm-Up Module
  • 原文地址:https://www.cnblogs.com/jeffen/p/6879009.html
Copyright © 2011-2022 走看看