Android 模仿微信读书左右对齐的文字效果

左右对齐的文字效果，很常见，在大多数文章上均可以看到，这种效果能给人带来一种界面整洁的效果，可是若是只是左对齐的话，页面显示就会良莠不齐；而app的页面大多数都是图形+文字的显示效果，左右对齐的文字效果需求仍是很是大的；而反观Android的官方控件TextView并无提供这种左右对齐的显示效果，那么就只能本身来造轮子了；

这里会涉及到实现原理的解析，若是只是须要使用轮子，请拉到最底下；

1. TextView 效果

首先，让咱们先来看一下TextView的显示效果：

中文状况下还好，可是英文状况下的显示效果就不是很好看了，右边会留了很长的空白，对于追求用户体验的，这样的显示效果确定是不能知足的；可是TextView内部也没有提供API给咱们，那么就只能本身来实现了；

2. 对齐原理

原理：将一行剩余的宽度平分给当前单词的间距，这样来达到左右对齐的效果； 那么咱们就有两种实现方案：
（1）TextView绘制一行的计算原理简单粗暴，就是计算这一行显示不下一个单词的时候，就进行回车换行；TextView已经手动给咱们计算出了一行能显示多少的字符，那么咱们只须要经过计算剩余的宽度再进行绘制便可；
会存在问题：若是一行存在单词较少的状况，就会出现间隔过大的问题； 好比：

（2）经过手动计算一行能显示多少个字符，而后再计算剩余的宽度进行绘制； 这样只是比第一步多了个本身计算一行能显示多少个字符的操做；
可是这样也会存在问题：若是单词存在中英文混合，或者非中文的状况，会很大几率出现换行时单词被截断的问题； 好比：

3. 最终方案

以上两种方案都会存在缺陷，那这样的话咱们就得对出现的问题提出解决方案；
当前市场上有成熟的阅读软件，最经常使用的就是左右对齐的排版效果，来看看当前的阅读软件是怎么解决这些问题的； 先看一下微信读书app的显示效果：

再看一下掌阅app的显示效果：

微信读书和掌阅都是对这个过长的单词进行截断处理，而后使用“-”符号将这两个截断的单词链接起来，再进行绘制时就不会出现上述两种方案的问题；

那么最终方案就是： 经过手动计算一行能显示多少个单词，若是一行最后一个单词显示不下，则进行截断处理，中文则不不存在该问题，这里针对非中文的处理；而后再根据剩余空间进行绘制； 那么有了方案以后，接下来看看具体要怎么实现；

4. 最终实现

（1）先遍历当前页面的字符，将中英文截取为一个个单词，具体实如今getWordList(String text)方法里面；经过遍历当前的字符，判断若是为中文时，则为一个单词，非中文时则经过遍历该英文单词进行拼接，最后拼成一个非中文单词；

（2）经过遍历当前的单词，计算每一行要显示的单词集合，具体实如今getLineList(List frontList)这个方法里面；遍历单词时，当添加最后一个单词时，宽度已经超过一行显示的距离，那么就判断最后一个单词是否为中文，是的话则添加到下一行，不然的话则进行截断处理；

（3）经过第二步计算出来的每一行的单词，计算剩余的距离进行绘制；

源码实现请移步GitHub查看： github.com/Panxuqin/Al…