android 字体空格,TextView左右大小字中间空格效果实现

场景

最近开发的项目的一个页面中, 有一个效果如下图, 势必我是不想弄一个ViewGroup再包裹两个EdiText来实现,也不想去重写一个EditText来实现, 因为这些都不大合理, 最终我的解决方案是通过设置SpannableString来实现,其他什么都不动.

yes by keith

分析

这个效果有两个关键的问题:

大小字如何实现?

如何让字体跑到左右两边,中间空白?

方案

通过SpannableString设置AbsoluteSizeSpan来实现大小字

测量EditText中可写的宽度,左右文字的宽度,计算出中间空白的宽度,用空格字符来填充

具体实现

1. 在布局文件中定义一个EditText,跟平常的一样

// res/activity_main.xml

android:id="@+id/text"

android:layout_width="match_parent"

android:layout_height="wrap_content" />

2. 计算空格数量

// 获取TextView中使用的Paint,里面带有字体等信息

TextPaint paint1 = mEditText.getPaint();

// 小字的paint

TextPaint paint2 = new TextPaint();

// 设置小字的字体大小

paint2.setTextSize(26