先上图片
展开收起TextView.gif
功能
- 展开，收起TextView
- 支持：maxLineCount:最大的行数，超过后显示收起
- 支持：collapseTxtColor:"收起"文字颜色
- 支持: collapseTxtSize:"收起"文字大小
- 支持: showMoreTxtColor:"展示更多"文字颜色
- 支持: showMoreTxtSize:"展示更多"文字大小
- 支持: shouldShowEllipse:是否显示...
思路
1.展开更多：
根据填入的text计算出初始linecount，若linecount超过maxlinecount，则在初始状态下将maxlinecount的最后一行的字设置为“展示更多”并通过ClickSpannable的设置点击事件，并将原文字的全部settext
2.收起
和"展开更多"相似，主要是通过动态设置ClickSpannable在点击事件中，将TextView设置为"展开更多"的ClickSpannable
3.坑
1.TextView设置ClickSpannable时，必须设置：setMovementMethod(LinkMovementMethod.getInstance());
否则接受不到点击事件
具体原因查看TextView的源码后才知道，onTouchEvent中有针对movement的校验，而TextView的默认的的movement是空，所以没有设置movement时，无法接受点击事件
TextView onTouchEvent关键代码
TextView onTouchEvent
图中红框代表只有mMovement不为空时，Movement的onTouchEvent才会被调用，
Movement的onTouchEvent如下：
Movement onTouchEvent
有小伙伴可能会说TextView中也有相关ClickSpannable的代码，也就是TextView的蓝色框起来的部分，但是查阅TextView的源码会发现9688行会返回false，因为TextView的默认Editor为null，见代码：
TextView Movement的Editor代码
TextView Editor
注释已经说了标准的TextView，Button，CheckBox都不会有Editor
TextView createdEditor
2.StaticLayout的getLineEnd(lineCount)方法，提供的是参数+1行的第一个字符的索引
源码为：
getLineEnd.png
好，总体实现还是比较简单的，下面贴出源码：
Github地址
ExtendTextView
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Color;
import android.support.v7.widget.AppCompatTextView;
import android.text.Layout;
import android.text.SpannableString;
import android.text.Spanned;
import android.text.StaticLayout;
import android.text.TextPaint;
import android.text.method.LinkMovementMethod;
import android.text.style.ClickableSpan;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
/**
*
* 展开，收起TextView
* 支持：maxLineCount:最大的行数，超过后显示收起
* 支持：collapseTxtColor:"收起"文字颜色
* 支持: collapseTxtSize:"收起"文字大小
* 支持: showMoreTxtColor:"展示更多"文字颜色
* 支持: showMoreTxtSize:"展示更多"文字大小
* 支持: shouldShowEllipse:是否显示...
*/
public class ExtendTextView extends AppCompatTextView {
private static final String TAG = ExtendTextView.class.getSimpleName();
private boolean shouldShowEllipse = false;
private int maxLineCount = 5;
private int collapseTxtColor;
private int showMoreTxtColor;
private float collapseTxtSize = 14;
private float showMoreTxtSize = 14;
public ExtendTextView(Context context) {
this(context, null);
}
public ExtendTextView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public ExtendTextView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initData(context, attrs, defStyleAttr);
initView();
}
private void initData(Context context, AttributeSet attrs, int defStyleAttr) {
TypedArray typedArray = context.getTheme().obtainStyledAttributes(attrs, R.styleable.ExtendTextView, defStyleAttr, 0);
collapseTxtColor = typedArray.getColor(R.styleable.ExtendTextView_collapseTxtColor, Color.parseColor("#0094ff"));
showMoreTxtColor = typedArray.getColor(R.styleable.ExtendTextView_showMoreTxtColor, Color.parseColor("#0094ff"));
collapseTxtSize = typedArray.getDimension(R.styleable.ExtendTextView_collapseTxtSize, 20f);
showMoreTxtSize = typedArray.getDimension(R.styleable.ExtendTextView_showMoreTxtSize, 20f);
shouldShowEllipse = typedArray.getBoolean(R.styleable.ExtendTextView_shouldShowEllipse, false);
}
private final Runnable computeLineCountRunnable = new Runnable() {
@Override
public void run() {
float textSize = getTextSize();
Log.e("test","textsize---"+textSize);
int originalLineCount = getLineCount();
if (originalLineCount > maxLineCount) {
setTxtForCollapse();
}
}
};
private void setTxtForCollapse() {
TextPaint paint = getPaint();
int width = getWidth();
CharSequence text = getText();
StaticLayout staticLayout = new StaticLayout(text, paint, width, Layout.Alignment.ALIGN_NORMAL, 1, 0, false);
int lineEnd = staticLayout.getLineEnd(maxLineCount - 1);//return的是参数+1行的第一个字符的索引
lineEnd = lineEnd - 1;
String showMoreTxt = shouldShowEllipse ? "...展示更多" : "展示更多";
String sourceMoreTxt = text.subSequence(0, lineEnd - showMoreTxt.length()).toString();
String showMoreTxtAll = sourceMoreTxt + showMoreTxt;
final SpannableString showMoreSpannableString = new SpannableString(showMoreTxtAll);
String collapseTxt = "收起";
String collapseTxtAll = text.toString() + collapseTxt;
final SpannableString collapseSpannableString = new SpannableString(collapseTxtAll);
collapseSpannableString.setSpan(new ClickableSpan() {
@Override
public void updateDrawState(TextPaint ds) {
super.updateDrawState(ds);
ds.setUnderlineText(false);
ds.setAntiAlias(true);
ds.setColor(collapseTxtColor);
ds.setTextSize(collapseTxtSize);
}
@Override
public void onClick(View widget) {
setOnClickListener(null);
setText(showMoreSpannableString);
}
}, collapseTxtAll.length() - 2, collapseTxtAll.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
showMoreSpannableString.setSpan(new ClickableSpan() {
@Override
public void updateDrawState(TextPaint ds) {
super.updateDrawState(ds);
ds.setUnderlineText(false);
ds.setAntiAlias(true);
ds.setColor(showMoreTxtColor);
ds.setTextSize(showMoreTxtSize);
}
@Override
public void onClick(View widget) {
setOnClickListener(null);
setText(collapseSpannableString);
}
}, sourceMoreTxt.length(), showMoreTxtAll.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
setMovementMethod(LinkMovementMethod.getInstance());
setText(showMoreSpannableString);
}
private void initView() {
//TextView行数的计算，必须放到runnable或者监听中进行，否则获取不到，因为此时正在layout
post(computeLineCountRunnable);
}
}
attrs.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="ExtendTextView">
<attr name="shouldShowEllipse" format="boolean"/>
<attr name="maxLineCount" format="integer"/>
<attr name="collapseTxtColor" format="color"/>
<attr name="showMoreTxtColor" format="color"/>
<attr name="collapseTxtSize" format="dimension"/>
<attr name="showMoreTxtSize" format="dimension"/>
</declare-styleable>
</resources>
网友评论