支持末尾携带标签的多行TextView

这篇具有很好参考价值的文章主要介绍了支持末尾携带标签的多行TextView。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

项目开发过程中,遇到个UI上的需求,本着不重复造轮子、敏捷开发的原则,于是乎网上找寻了一番,发现还是自己搞吧,搜不到这样的需求,先看下我们的效果。
支持末尾携带标签的多行TextView
支持末尾携带标签的多行TextView
支持末尾携带标签的多行TextView

总结有以下三点需要注意:

  • 末尾vip部分是整体,不能换行;
  • 单行或者不满2行时,后面vip部分直接显示在文字后面;
  • 超过2行后,文字部分显示…并且保证vip部分显示在最后。

那么这种效果,我们首先就排除了横向多个控件组合的方式,因为这样会导致末尾vip部分不是放在文本后面,而是显示在整个TextView的右侧了。

首先想到的就是用富文本啦,SpannableString大家都很熟悉了,没错就是它,后面vip部分是整体的话,那么我们就不能把它当成文字了,因为这样会遇到换行的情况,也不满足需求了,所以我们得把它处理成图片,这样我们就不用管它是否换行了,TextView会自动帮我们处理。但是我们vip部分是动态设置的,里面的+15取得是接口下发的值,那么这个地方我们肯定不能用写死的图了,那怎么处理呢?

有没有一种方案是把布局转换成图片呢?有!当然有!如下:

 private Bitmap createTaskTag(String num){
        View layout = LayoutInflater.from(getActivity()).inflate(R.layout.layout_task_tag_end, null);
        TextView tvNum = layout.findViewById(cn.emagsoftware.gamehall.R.id.tv_num);
        tvNum.setText(String.format("会员额外+%s云豆",num));
        layout.setDrawingCacheEnabled(true);
        layout.measure(View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED), View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
        layout.layout(0, 0,  ScreenUtils.dp2px(102), layout.getMeasuredHeight());
        Bitmap bitmap = Bitmap.createBitmap(layout.getDrawingCache());
        layout.destroyDrawingCache();
        return  bitmap;
    }

既然图片已经有了,那么就简单了,直接上ImageSpan,这就结束了吗?
我们发现大于两行的时候,末尾直接变成了…不展示了,这就得处理文本展示的问题了,最后一行必须得预留出图片和…的位置,然后剩下的空间进行字符串的截取操作。如下:

    private CharSequence getNewTextByConfig() {
        if (TextUtils.isEmpty(mOrigText)) {
            return mOrigText;
        }

        mLayout = getLayout();
        if (mLayout != null) {
            mLayoutWidth = mLayout.getWidth();
        }

        if (mLayoutWidth <= 0) {
            if (getWidth() == 0) {
                if (mFutureTextViewWidth == 0) {
                    return mOrigText;
                } else {
                    mLayoutWidth = mFutureTextViewWidth - getPaddingLeft() - getPaddingRight();
                }
            } else {
                mLayoutWidth = getWidth() - getPaddingLeft() - getPaddingRight();
            }
        }

        mTextPaint = getPaint();

        mTextLineCount = -1;
        mLayout = null;
        mLayout = new DynamicLayout(mOrigText, mTextPaint, mLayoutWidth, Layout.Alignment.ALIGN_NORMAL, 1.0f, 0.0f, false);
        mTextLineCount = mLayout.getLineCount();

//        if (mTextLineCount <= mMaxLinesOnShrink) {
//            return mOrigText;
//        }
        int maxLine = 0;
        if (mTextLineCount > 1) {
            maxLine = mMaxLinesOnShrink - 1;
        }else{
            SpannableStringBuilder ssbShrink = new SpannableStringBuilder(mOrigText);
            ssbShrink.append("+");
            ssbShrink.setSpan(imgSpan1, ssbShrink.length() - 1, ssbShrink.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
            return ssbShrink;
        }
        int indexEnd = getValidLayout().getLineEnd(maxLine);
        int indexStart = getValidLayout().getLineStart(maxLine);
        int indexEndTrimmed = indexEnd
                - getLengthOfString(mEllipsisHint)
                - getLengthOfString(mGapToExpandHint);

        if (indexEndTrimmed <= indexStart) {
            indexEndTrimmed = indexEnd;
        }

        int remainWidth = getValidLayout().getWidth() -
                (int) (mTextPaint.measureText(mOrigText.subSequence(indexStart, indexEndTrimmed).toString()) + 0.5) - bitmap1.getWidth();
        float widthTailReplaced = mTextPaint.measureText(getContentOfString(mEllipsisHint)
                + getContentOfString(mGapToExpandHint));

        int indexEndTrimmedRevised = indexEndTrimmed;
        if (remainWidth > widthTailReplaced) {
            int extraOffset = 0;
            int extraWidth = 0;
            while (remainWidth > widthTailReplaced + extraWidth) {
                extraOffset++;
                if (indexEndTrimmed + extraOffset <= mOrigText.length()) {
                    extraWidth = (int) (mTextPaint.measureText(
                            mOrigText.subSequence(indexEndTrimmed, indexEndTrimmed + extraOffset).toString()) + 0.5);
                } else {
                    break;
                }
            }
            indexEndTrimmedRevised += extraOffset - 1;
        } else {
            int extraOffset = 0;
            int extraWidth = 0;
            while (remainWidth + extraWidth < widthTailReplaced) {
                extraOffset--;
                if (indexEndTrimmed + extraOffset > indexStart) {
                    extraWidth = (int) (mTextPaint.measureText(mOrigText.subSequence(indexEndTrimmed + extraOffset, indexEndTrimmed).toString()) + 0.5);
                } else {
                    break;
                }
            }
            indexEndTrimmedRevised += extraOffset;
        }

        String fixText = removeEndLineBreak(mOrigText.subSequence(0, indexEndTrimmedRevised));
        SpannableStringBuilder ssbShrink = new SpannableStringBuilder(fixText);
        if (remainWidth <= widthTailReplaced) {
            ssbShrink.append(mEllipsisHint);
        }

        if (issetSpecialColor) {
            int lenth = ssbShrink.length();
            if (specialColorLenth <= lenth) {
                lenth = specialColorLenth;
            }
            ssbShrink.setSpan(colorSpan, specialColorStart, lenth, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        }

        ssbShrink.append(getContentOfString(mGapToExpandHint));

        ssbShrink.append("+");
        ssbShrink.setSpan(imgSpan1, ssbShrink.length() - 1, ssbShrink.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

        return ssbShrink;
    }

代码中同时也处理了如下bug:
支持末尾携带标签的多行TextView
总结:这个UI需求重要的不是代码部分,而是看到这种需求,如果去想,怎么去处理,当然这种做法可能不是最优的,但是处理起来我觉得是最方便的,如果有更好的方案,欢迎评论区留言。

因为只有一个类,所以就放在csdn上了。
完整资源下载文章来源地址https://www.toymoban.com/news/detail-402518.html

到了这里,关于支持末尾携带标签的多行TextView的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • FPGA高端项目:解码索尼IMX390 MIPI相机转HDMI输出,提供FPGA开发板+2套工程源码+技术支持

    FPGA高端项目:解码索尼IMX390 MIPI相机转HDMI输出,提供FPGA开发板+2套工程源码+技术支持 FPGA图像采集领域目前协议最复杂、技术难度最高之一的应该就是MIPI协议了,MIPI解码难度之高,令无数英雄竞折腰,以至于Xilinx官方不得不推出专用的IP核供开发者使用,不然太高端的操作

    2024年04月17日
    浏览(69)
  • iOS textView支持超链接跳转

    将某些文字变成高量可以点击的超链接核心功能代码 同时,要实现点击超链接的UITextView代理方法 完整代码 实现代理方法 效果图

    2024年02月12日
    浏览(38)
  • IDEA设置标签多行展示

    2024年02月11日
    浏览(33)
  • 记录--多行标签超出展开折叠功能

     记录分享每一个日常开发项目中的实用小知识,不整那些虚头巴脑的框架理论与原理,之前分享过抽奖功能、签字功能等,有兴趣的可以看看本人以前的分享。  今天要分享的实用小知识是最近项目中遇到的标签相关的功能,我不知道叫啥,姑且称之为【多行标签展开隐藏

    2024年02月11日
    浏览(38)
  • Android TextView 加载MarkDown 格式的数据,支持富文本格式

    前言:项目开发中经常需要一些文字显示不同样式 比如:加粗 换行 添加图片 链接调整等等,这个时候大都用安卓自带的Spannable, 如果特殊样式的字体比较少Spannable或者html 还是可以的。但是如果客户端要支持复杂样式的文案 Spannable 就不是非常灵活了 ,这种情况下很多小伙

    2024年02月05日
    浏览(42)
  • idea同时编辑多行-win&mac都支持

    idea编辑器非常强大,其中一个功能非常优秀,很多程序员也非常喜欢用。这个功能能够大大大提高工作效率-------------多行代码同时编辑 按住alt+鼠标左键上/下拖动即可 这样选中多行后,可以直接多行编辑。 优点 :可以容易地选中 连续多行 ,同时编辑 缺点 :必须是连续行

    2024年02月01日
    浏览(43)
  • EasyX 创建输入框,支持多行,中文输入,鼠标操作。

    自绘输入框的方法就不说了,这里介绍一下 hieasyx,一个基于 EasyX 的扩展库,这个库的 github 链接是: https://github.com/zouhuidong/HiEasyX HiEasyX 支持创建多绘图窗口,拥有相对完善的控件库,支持透明通道,封装了画布、图层和场景。 这个库把 Win32 控件封装了起来,可以很方便地

    2024年02月11日
    浏览(37)
  • web前端之多行文本擦除效果、文本逐个显示或展示、创建元素标签、querySelector、createElement、appendChild、requestAnimationFrame

    前言 window.requestAnimationFrame()告诉浏览器——你希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数,该回调函数会在浏览器下一次重绘之前执行。 备注:若你想在浏览器下次重绘之前继续更新下一帧动画

    2024年03月24日
    浏览(42)
  • uni-app - 移动端(iOS&Android)批量上传文件,支持重传、删除、多选,携带参数,进度监控

    👨‍💻 作者简介:程序员半夏 , 一名全栈程序员,擅长使用各种编程语言和框架,如JavaScript、React、Node.js、Java、Python、Django、MySQL等.专注于大前端与后端的硬核干货分享,同时是一个随缘更新的UP主. 你可以在各个平台找到我! 🏆 本文收录于专栏: uniapp踩坑指南 🔥 专栏介绍

    2024年02月03日
    浏览(50)
  • 多行业万能预约门店小程序源码系统,支持单店多店预约的小程序 附带完整的搭建教程

    在传统行业中,预约服务一直是一个繁琐的过程。客户需要提前打电话或者到店预约,商家需要手动记录和管理这些预约。这种方式不仅效率低下,而且容易出错。随着移动互联网的发展,越来越多的商家开始需要一个方便、高效、可定制的预约服务系统来提升客户体验和管

    2024年01月25日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包