Textview水平、竖直分散对齐

      Textview是一个android里面很基础的控件。使用起来也很方便单是也有一定的局限性。前几天UI设计了一个分散对齐的文本。这个在显示的时候就很不好调了。所以直接定义一个textview吧。这里首先感谢：https://github.com/ywanhzy/AlignedTextView。根据他的水平分散对齐来自己实现了垂直的分散对齐。效果如下：

 

        其实原理也很简单。先来分析水平的：如下图

整体textview的宽度A

文本的总体宽度B

剩余的跨度C

C=A-B

C/文本的间隔数=lineSpacing（每一个间隔的长度）。

其实就是把文本“一二三四五”平均分开。这个5个字有4个间隔。就是c/4。通过这个方法paint.setLetterSpacing((float) lineSpacing);设置一在间隔就可以达到水平的效果了：详细代码如下：

canvasLength = getMeasuredWidth();
float textLength = paint.measureText(text);
lineSpacing = 0;
if (!TextUtils.isEmpty(getText()) && getText().length() > 1) {
    lineSpacing = (canvasLength - textLength) / (text.length() - 1) / paint.getTextSize();
}
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    canvas.translate((float) (-lineSpacing * getTextSize() / 2), 0);
    paint.setLetterSpacing((float) lineSpacing);
    canvas.drawText(text, xOffset, yOffset, paint);
} else {
    float spacePercentage = (float) lineSpacing;
    for (int i = 0; i < text.length(); i++) {
        if (canvas != null) {
            String s = String.valueOf(text.charAt(i));
            canvas.drawText(s, xOffset, yOffset, paint);
            canvas.translate(paint.measureText(s), 0);
            canvas.translate(getTextSize() * spacePercentage, 0);
        }
    }
}

竖直的就要复杂一些了。应为字的高度不一样。也没有找到设置竖直的间隔的方法。因为textview就没有设置竖直的api。先看原理图：

h=H-(A+B+C+D+E);因为每一个字的高度不一样所以需要每一个字的去测量。累加后才能计算出左右的字体高度。

lineSpacing （平均的间隔）=h/4  ;//4是“一二三四五”这5个字有四个间隔来的。

因为在绘制的时候字体的起点是在左下角。所以Y的坐标除了要加上间隔还要有自身的高度。如图：

A的高度的间隔

B的高度是自身的高度。

核心代码：

canvasLength = getMeasuredHeight();
lineSpacing = 0.0;
if (!TextUtils.isEmpty(getText()) && getText().length() > 1) {

    for (int i = 0; i < text.length(); i++) {
        paint.getTextBounds(text.substring(i, i + 1), 0, 1, r);
        textLengthHeight = textLengthHeight + (r.bottom - r.top);
        Arr[i] = r.bottom - r.top;
        if (i == 0) {
            Arr[i] = r.bottom - r.top + 12;
        }
    }
    lineSpacing = (double) (canvasLength - textLengthHeight - 16) / (text.length() - 1);
}

float arrlength = 0;
for (int i = 0; i < text.length(); i++) {
    arrlength = arrlength + Arr[i];
    canvas.drawText(text.substring(i, i + 1), xOffset, (float) (i * lineSpacing + arrlength), paint);
}
因为在竖直的时候第一个字是“一”的情况下“一”总是被吃掉，所以在第一个字的自身高度增加了一些。如果有什么更好的解决办法欢迎指正。

转载表明出处：https://blog.csdn.net/qq_35698774/article/details/82344830

点击下载源码

android互助群：