Textview水平、竖直分散对齐

android 专栏收录该内容
64 篇文章 0 订阅

      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互助群:

 

  • 2
    点赞
  • 1
    评论
  • 3
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

评论 1 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:编程工作室 设计师:CSDN官方博客 返回首页

打赏作者

大不懂

码字不易,一块也是爱,么么

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值