EllipsizeEndTextview末尾省略自定义View

需求:在某些场景下,直接在xml或者代码里面设置android:ellipsize="end"不生效,可以参考这种解决方案,但是会存在截断单词的场景

原理:默认开启自动截取功能autoTruncate = true,可以在xml中设置关闭,需要设置两次super.setText(text, type)文本,第一次设置,是为了拿到的TextView的最大宽度,当文本宽度,大于view的最大宽度,才开始计算截取点,当大于时通过paint.breakText计算截取点,但是计算出的截取点和'...'拼接之后会出现最后一个点显示半个情形,大概原因是因为计算误差导致的,所以在计算的时候多减了一个.的位置距离,后续补充空格处理

使用:同TextView的使用方式一样

自定义View具体实现:

kotlin 复制代码
import android.content.Context
import android.util.AttributeSet
import android.view.ViewGroup
import androidx.appcompat.widget.AppCompatTextView


/**
 * 需要设置两次text才能拿到具体的宽度值
 * 相较之前版本算法上有提升
 * 考虑到代码入侵性,添加了属性做改造
 * autoTruncate = false关闭截取功能,当作一个普通的TextView使用
 */
class EllipsizeEndTextview(context: Context, attributeSet: AttributeSet?) :
    AppCompatTextView(context, attributeSet) {

    //是否自动截取
    private var autoTruncate = true

    //内部缓存一个原始值,方便外部获取
    private var originalText: CharSequence? = ""

    init {
        val a = context.obtainStyledAttributes(attributeSet, R.styleable.EllipsizeEndTextView)
        autoTruncate = a.getBoolean(R.styleable.EllipsizeEndTextView_autoTruncate, true)
        a.recycle()
    }

    override fun setText(text: CharSequence?, type: BufferType?) {
        if (autoTruncate) {
            adaptText(text ?: "", type)
        } else {
            super.setText(text, type)
        }
    }

    private fun adaptText(content: CharSequence, type: BufferType?) {
        if (originalText?.equals(content) == true) return
        originalText = content
        super.setText(text, type)
        post {
            try {
                var availableWidth = width - compoundPaddingStart - compoundPaddingEnd
                if (layoutParams is ViewGroup.MarginLayoutParams) {
                    //某些场景下使用的是外边距,也会影响内部...的显示
                    availableWidth =
                        availableWidth - (layoutParams as ViewGroup.MarginLayoutParams).leftMargin - (layoutParams as ViewGroup.MarginLayoutParams).rightMargin
                }
                val textString = (originalText ?: "").toString()
                if (paint.measureText(textString) <= availableWidth) {
                    return@post
                }
                val ellipsis = "..."
                val ellipsisWidth = paint.measureText(ellipsis)
                //存在计算误差,会导致出现半个点的情况,就多留一个.号的位置,后续用空格补充(和之前count - 1的原理差不多,都是保障.显示完整)
                val maxTextWidth = (availableWidth - ellipsisWidth / 3 * 4).coerceAtLeast(0f)
                val count = paint.breakText(
                    textString.toCharArray(),
                    0,
                    textString.length,
                    maxTextWidth,
                    null
                )
                val display = if (count > 0) {
                    //存在计算误差,添加空格补充,空格数量不定,保障撑满即可
                    textString.substring(0, count) + ellipsis + "      "
                } else {
                    if (ellipsisWidth <= availableWidth) ellipsis else ""
                }
                Log.d("EllipsizeEndTextview", "adaptText: $display")
                super.setText(display, type)
            } catch (e: Exception) {
                Log.e("EllipsizeEndTextview", "adaptText: ${e.message}")
            }
        }
    }

    override fun getText(): CharSequence {
        return originalText ?: ""
    }
}

涉及到的属性:

kotlin 复制代码
<!-- EllipsizeEndTextView 自定义属性 -->
<declare-styleable name="EllipsizeEndTextView">
    <!-- 是否自动截取 -->
    <attr name="autoTruncate" format="boolean" />
</declare-styleable>
相关推荐
悦悦子a啊6 小时前
[Java]PTA:jmu-java-01入门-基本输入
java·开发语言·算法
得物技术6 小时前
R8疑难杂症分析实战:外联优化设计缺陷引起的崩溃|得物技术
android·性能优化·编译器
前端小巷子6 小时前
Vue3 模板编译优化
前端·vue.js·面试
webbin6 小时前
Glide GifDrawable加载流程
android·glide
不爱说话郭德纲6 小时前
🔥面试官:说说看,用户登录后拿到的 Token,你应该怎么存?存哪里?
前端·安全·面试
艾小码6 小时前
React 渲染流程深度解析(结合 react-reconciler)
前端·javascript·react.js
coding随想6 小时前
移动端H5手势事件(Gesture Events)全解析:只是触摸事件(Touch Events)的封装吗?
前端
玖伍贰零壹肆6 小时前
Promise的玩法
前端
帅得不敢出门6 小时前
Android Framework打电话禁止播放运营商视频彩铃
android·java·framework·音视频