前言
今天来分享一个工作中遇到的一个当TextView内容超长时不省略最后一个字符的实现方式。怎么说呢?大致就是这样啊,比如显示的文本是“已满足2017情人节活动[满200送AB赠品,情人节快乐!]”,这个时候内容超过长度了,如果不处理就直接省略显示会变成“已满足2017情人节活动[满200送AB赠品,情人节…”,但是我们的UED是非常讲究细节的,哈哈哈,想显示成这样“已满足2017情人节活动[满200送AB赠品…]”。那既然作为万能的程序猿,这点东西怎么可以难道我们呢?(下图是效果)
实现方式
这边我直接采用继承TextView的自定义方式去实现以上功能。首先想想难点在哪里?
1.TextView是自适应长度,也就是说要精确的计算啥时候文本内容超出实际的TextView长度
2.还是1
3.还是1
…….
具体实现
首先thinking哈,如果字符串中没有“]”,那是不是我们什么都不用做啊,直接让TextView自己去绘制,去省略是吧,然后如果有“]”,那么我们首先应该去考虑的应该是内容有没有超出TextView的实际长度,如果没有超出,其实也不用做什么。那么归根结底就一种情况我们要处理:返回的内容中有“]”,并且长度超过了TextView能显示的实际长度。好,那么上代码。
@Override
protected void onDraw(Canvas canvas) {
if(getText() != null&&getText().toString().endsWith("]")&&checkOverLine()){
drawTitle(canvas);
}else{
super.onDraw(canvas);
}
}
这边是第一层大判断,然后解释一下checkOverLine()这个方法,直接看这篇博文吧,写的非常非常详细。
private void drawTitle(Canvas canvas){
String text = getText().toString();
mViewWidth = getMeasuredWidth()-getPaddingLeft()-getPaddingRight();
float textWidth = mPaint.measureText(text);
if(textWidth > mViewWidth){
float ellipsisWidth = mPaint.measureText("...]");
float authenticTextWidth = mViewWidth - ellipsisWidth;
for(int i = 0;i<text.length();i++){
if(mPaint.measureText(text.substring(0,i+1)) > authenticTextWidth){
text = text.substring(0,i)+"...]";
break;
}
}
float lineY = getMeasuredHeight() - getPaddingBottom()-13;
float lineX = getPaddingLeft();
canvas.drawText(text,lineX,lineY,mPaint);
}
}
然后这就是关键的方法了,上面我用了一个for循环精确的来计算字符串的真是长度,如果觉得性能有问题的话,也可以建议直接用平分的方式计算,这样可能会有1个字符长度的误差。主要是感谢mPaint.measureText()这个方法,哈哈哈。直接上整个View的代码,客官们请拿走。
/**
* Created by zhaocheng on 2017/2/24.
* 主要用于当活动标题过长时,如果text内容最后一个是]号,则在最后显示...],不然直接在最后显示...
* 比如:已满足2017情人节活动[满200送AB赠品,情人节快乐!]
* 省略后变为:已满足2017情人节活动[满200送AB赠品...]
*/
public class EPromotionTitleTextView extends TextView {
private int mViewWidth = 0;
private Paint mPaint;
public EPromotionTitleTextView(Context context) {
super(context);
init();
}
public EPromotionTitleTextView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public EPromotionTitleTextView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init(){
setEllipsize(TextUtils.TruncateAt.END);
setMaxLines(1);
mPaint = getPaint();
mPaint.setTextSize(getTextSize());
mPaint.setColor(getCurrentTextColor());
mPaint.setAntiAlias(true);//消除锯齿
mPaint.setTextAlign(Paint.Align.LEFT);
mPaint.setStyle(Paint.Style.STROKE);
}
@Override
protected void onDraw(Canvas canvas) {
if(getText() != null&&getText().toString().endsWith("]")&&checkOverLine()){
drawTitle(canvas);
}else{
super.onDraw(canvas);
}
}
private void drawTitle(Canvas canvas){
String text = getText().toString();
mViewWidth = getMeasuredWidth()-getPaddingLeft()-getPaddingRight();
float textWidth = mPaint.measureText(text);
if(textWidth > mViewWidth){
float ellipsisWidth = mPaint.measureText("...]");
float authenticTextWidth = mViewWidth - ellipsisWidth;
for(int i = 0;i<text.length();i++){
if(mPaint.measureText(text.substring(0,i+1)) > authenticTextWidth){
text = text.substring(0,i)+"...]";
break;
}
}
float lineY = getMeasuredHeight() - getPaddingBottom()-13;
float lineX = getPaddingLeft();
canvas.drawText(text,lineX,lineY,mPaint);
}
}
/**
* @return if the text content over maxlines
*/
public boolean checkOverLine() {
int maxLine = 1;
try {
Field field = getClass().getSuperclass().getDeclaredField("mLayout");
field.setAccessible(true);
Layout mLayout = (Layout) field.get(this);
if (mLayout == null)
return false;
return mLayout.getEllipsisCount(maxLine - 1) > 0 ? true : false;
} catch (NoSuchFieldException e) {
e.printStackTrace();
} catch (IllegalAccessException e) {
e.printStackTrace();
} catch (IllegalArgumentException e) {
e.printStackTrace();
}
return false;
}
}
总结
这次项目就不贴了, 就一个自定义的View,就到这里啦。