Android实现文本折叠效果

小需求：默认展示4行，超过4行出现“查看全部”，点击则加载浮层显示完整内容；

实现是参考下面网址代码，但是有一些改动（主要涉及纯引英文的文本下面网址的代码可能有些问题）

https://www.jianshu.com/p/f4f99eb932d4

最终显示代码如下：

import android.content.Context
import android.graphics.Color
import android.support.v7.widget.AppCompatTextView
import android.text.Spannable
import android.text.SpannableStringBuilder
import android.text.TextPaint
import android.text.TextUtils
import android.text.method.LinkMovementMethod
import android.text.style.ClickableSpan
import android.util.AttributeSet
import android.view.View
import android.widget.Toast/*** @date: 2020.02.25*/
class FoldTextView : AppCompatTextView {private var isSupportFold = falseprivate var clickCallback: TextClickCallback? = nullprivate var isNeedEllipsis = trueconstructor(context: Context) : this(context, null) {}constructor(context: Context, attrs: AttributeSet?) : this(context, attrs, 0) {}constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(context, attrs, defStyleAttr) {val ta = context.obtainStyledAttributes(attrs, R.styleable.PayFoldTextView)isSupportFold = ta.getBoolean(R.styleable.FoldTextView_supportFold, false)}override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {super.onMeasure(widthMeasureSpec, heightMeasureSpec)if (isSupportFold) {//获取当前的行数val lineCount = lineCountval layout = layoutval maxLines = maxLinesif (maxLines == 0 || lineCount < maxLines || TextUtils.isEmpty(text)) {return}val totalChars = layout.getLineEnd(maxLines - 1)val lastLineStartIndex = layout.getLineStart(maxLines - 1)if (totalChars >= text.length) {return}val mustShowText = text.subSequence(0, lastLineStartIndex)val tailWidth = paint.measureText(TAIL_TEXT)var lastLineText: CharSequenceif (LINE_BREAKER == text[totalChars - 1].toString()) {lastLineText = text.subSequence(lastLineStartIndex, totalChars - 1)} else {lastLineText = text.subSequence(lastLineStartIndex, totalChars)}val maxWidth = measuredWidth.toFloat()val ellipsizeLastLineText = TextUtils.ellipsize(lastLineText, paint, maxWidth - tailWidth,TextUtils.TruncateAt.END)if (ellipsizeLastLineText.length > 2 && ellipsizeLastLineText != lastLineText) {lastLineText = ellipsizeLastLineText.subSequence(0, ellipsizeLastLineText.length - 1)isNeedEllipsis = true} else {isNeedEllipsis = false}val spannableStringBuilder = SpannableStringBuilder(mustShowText)if (!mustShowText.endsWith("\n")) {spannableStringBuilder.append(LINE_BREAKER)}spannableStringBuilder.append(lastLineText)if (isNeedEllipsis) {spannableStringBuilder.append("...")spannableStringBuilder.append(TAIL_SEPARATOR)} else {spannableStringBuilder.append(TAIL_SEPARATOR_O)}spannableStringBuilder.append(buildClickText())//重新设置文本movementMethod = LinkMovementMethod.getInstance()highlightColor = Color.TRANSPARENT //设置点击后的颜色为透明super.setText(spannableStringBuilder)}}companion object {val LINE_BREAKER = "\n"val TAIL_TEXT = "...查看全部"val TAIL_SEPARATOR = "    "val TAIL_SEPARATOR_O = " "val TAIL_TEXT_WITHOUT_ELLIPSIS = "查看全部"}fun setClickCallback(clickCallback: TextClickCallback?) {this.clickCallback = clickCallback}private fun buildClickText(): SpannableStringBuilder {val spannableString =SpannableStringBuilder(TAIL_TEXT_WITHOUT_ELLIPSIS)val clickableSpan = object : ClickableSpan() {override fun onClick(widget: View) {clickCallback?.respondClick()}override fun updateDrawState(ds: TextPaint) {super.updateDrawState(ds)ds.color = resources.getColor(R.color.pay_color_0086f6)ds.isUnderlineText = false}}spannableString.setSpan(clickableSpan, 0, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)return spannableString}fun setSupportFold(isSupport: Boolean = false) {isSupportFold = isSupportmaxLines = Integer.MAX_VALUE}
}

<declare-styleable name="FoldTextView"><attr name="supportFold" format="boolean"/>
</declare-styleable>

Android实现文本折叠效果相关推荐

Android TextView 文本折叠效果
最近项目中要实现文本展开收起的效果,即默认只显示4行文字,如果textview文字超过4行的话,点击右下角的更多按钮即可查看全部的内容.之前的做法是根据 TextView 中的字数来判断,效果不太 ...
android窗帘拉开动画,Android 窗帘(Curtain Menu)效果五之应用场景和使用方法
Awesome Drawer Introduction 实现Android窗帘拉开折叠效果 Usage xml布局文件使用 xmlns:android="http://schemas.and ...
android 折叠式布局,Android卡片式折叠交互效果
原标题:Android卡片式折叠交互效果近日有报道称:在互联网共享单车最早起步的上海,目前有150万辆共享单车.迅猛的增速之下,上海市交通委紧急叫停,成为继杭州.广州等城市之后,国内又一个暂停新增投 ...
android新特性：使用CollapsingToolbarLayout实现折叠效果及问题解决
CollapsingToolbarLayout作用是提供了一个可以折叠的Toolbar,它继承至FrameLayout,给它设置layout_scrollFlags就可以实现折叠效果! 效果展示: 引 ...
android 实现控件搜索折叠效果 Animation动画折叠和普通折叠
android 实现控件搜索折叠效果 Animation动画折叠和普通控件直接折叠效果: 原理很简单,都是获取对应的高度,通过实现高度变化而改变显示效果: 话不多说直接上代码 1.普通折叠效果,以下是 ...
android 头部折叠,Android 头像折叠效果
一.前言: 我们在开发中,经常遇到头像折叠效果,特别是直播软件,以前都是写死的,太Low了,今天用recycleView实现头像折叠效果: 效果图.png 1.项目依赖: //recyclerview ...
jQuery 文本段落展开和折叠效果
找了几个感觉这个效果是最好的,最简单的. jQuery 文本段落展开和折叠效果 <!DOCTYPE html> <head> <meta http-equiv=" ...
Android仿掌上英雄联盟首页，实现折叠效果
不单单是掌上英雄联盟,像微博发现页也用了这样的布局,当滑动到一定距离的时候,自动隐藏轮播图,或者标题栏下面的布局.并且使tablayout置顶. 与之相似的还有简书的个人页面也是这样的布局. 图片处理 ...
android 百叶窗动画,Android 百叶窗折叠效果
blinds.png 其实这个标题的类比并不太准确,百叶窗高度是固定的,只是 Z 轴有旋转.折叠效果并没有体现出来.不过毕竟自己一开始想到这个名字,那就硬着头皮也要叫这名字啦. 缘由在微信的「聊天信 ...
Android RecyclerView点击展开、折叠效果的实现方式
实现效果思路我使用的是第三方适配器BaseRecyclerViewAdapterHelper 但是遇到一个问题这个适配器2.0和3.0不兼容而2.0版本没有折叠效果这个组件我用3.0版本 ...

Android实现文本折叠效果

Android实现文本折叠效果相关推荐

最新文章

热门文章