如何去掉TextView最后一行底部行间距(1.0)

  最近在与设计对样式中发现,TextView的行间距(lineSpacingExtra)和最大显示行数(maxLines),对部分手机TextView的显示有影响,会在TextView的最后一行增加行间距。

(1)设置行间距 && 设置MaxLines && 实际行数大于MaxLines时,TextView显示的文字的最后一行会增加行间距。测试手机:Redmi 3(android 5.1.1)、HuaWei nova youth(EMUI 5.1 andorid 7.0)

(2)设置行间距,TextView显示的文字的最后一行会增加行间距。测试手机:oppo R7(ColorOs v2.1 android 4.4.4)

  若在设置了行间距和最大显示行数的TextView下方还有其他控件,就会导致与下方控件的间距变大,如下所示。


111.jpg

那么我们要如何去掉TextView最后一行下方的行间距呢?

(1)计算最后一行文字底部增加的行间距高度。
123.jpg

lastRowSpace = Rect.bottom - (baseline + descent)
lastRowSpace:最后一行增加的行间距高度
Rect.bottom:显示的最后一行的外包矩形(Rect)的底部坐标
baseline:最后一行文字基线坐标
descent:以基线baseline为原点坐标,字符最低点到baseline的推荐距离

private int calculateExtraSpace(){
        int lastRowSpace = 0;
        if(getLineCount()>0){
            //实际最后一行
            int actualLastRowIndex = getLineCount() - 1;
            //显示的最后一行
            int lastRowIndex = Math.min(getMaxLines(),getLineCount()) - 1;
            if(lastRowIndex >= 0){
                Layout layout = getLayout();
                //显示的最后一行文字基线坐标
                int baseline = getLineBounds(lastRowIndex, mLastLineShowRect);
                getLineBounds(actualLastRowIndex, mLastLineActualIndexRect);
                //测量显示的高度(measureHeight)等于TextView实际高度(layout.getHeight())或者等于实际高度减去不可见部分的高度(mLastLineActualIndexRect.bottom - mLastLineShowRect.bottom)
                if (getMeasuredHeight() == layout.getHeight() - (mLastLineActualIndexRect.bottom - mLastLineShowRect.bottom)) {
                    lastRowSpace = mLastLineShowRect.bottom - (baseline + layout.getPaint().getFontMetricsInt().descent);
                }
            }
        }
        return lastRowSpace;
    }

关于文字度量属性的参考资料:
https://stackoverflow.com/questions/27631736/meaning-of-top-ascent-baseline-descent-bottom-and-leading-in-androids-font
https://github.com/suragch/AndroidFontMetrics
https://blog.csdn.net/flyeek/article/details/43934945

(2)自定义TextView,重写在onMeasure,在onMeasure中将测量高度减去最后一行增加的行间距高度。
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //去除显示的最后一行的行间距
        //设置行间距 && 设置MaxLines && 实际行数大于MaxLines时,显示的最后一行会增加行间距
        //Redmi 3(android 5.1.1)
        //HuaWei nova youth(EMUI 5.1 andorid 7.0)
        //oppo R7(ColorOs v2.1 android 4.4.4),只要设置了间距,默认最后一行都会增加间距
        setMeasuredDimension(getMeasuredWidth(),getMeasuredHeight() - calculateExtraSpace());
    }

最终效果:


huawei.jpg

源码地址:https://github.com/lmz14/ViewDemo/blob/master/app/src/main/java/com/viewdemo/view/LineSpaceExtraTextView.java

原因分析:
如何去掉TextView最后一行底部行间距(2.0)

参考资料:填填Android lineSpacingExtra 的坑,解决行间距兼容性问题

版权声明: 转载请注明出处

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • canvas 种绘制文字一向是个难题,关于文字大小,轮廓,宽高的问题更是涉及到好几个到API,尤其是我们要绘制多行...
    前行的乌龟阅读 2,321评论 4 16
  • 一、前言前段时间来了一个新设计,将App的风格修改了一遍。在显示文字时,增加了行间距。原本以为只是展示和计算高度的...
    俊月阅读 2,593评论 1 1
  • 新的一年,第一天,老家村子一桩喜事,一桩丧事!对比甚是鲜明! 特别是丧事,在我们老家这边的习俗,每当有人离世时,家...
    a佑恩阅读 203评论 0 0
  • 欢迎来到朱老师课堂,这里是朱老师第138条早安问候。 一寸光阴一寸金,寸金难买寸光阴(An inch of...
    高飞1阅读 234评论 0 0
  • 我不知道别人怎么样,虽然挺喜欢龙母但是这一集实力的被詹姆斯圈粉。 在我的理论系统里面,我认为斯塔克一家是好人,龙母...
    大春兄弟阅读 836评论 1 1