仿微信朋友圈动态内容全文显示与收起实现

前段时间在做项目的时候，产品有一个需求，要求动态的内容如果超过5行的话需要将超过5行的内容进行隐藏，点击全文的时候进行展示，点击收起进行隐藏，类似微信朋友圈的效果，当时在网上查找相关的资料发现了有一个博主(刘永雷)的一个案例，但是这种方式存在一些bug，例如会出现错位的问题，故采用如下方式进行实现：

当时在做这个功能的时候就发现，难点是获取文字对应的行数，同时发现以下方式获取的行数不准确:

/**
* 获取TextView的行数
*
* @param context
* @param textView
* @return
*/
public static int getLineNumber(Context context, TextView textView) {
WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
int width = wm.getDefaultDisplay().getWidth();

int widthMeasure = View.MeasureSpec.makeMeasureSpec(width, View.MeasureSpec.EXACTLY);
int heightMeasure = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
textView.measure(widthMeasure, heightMeasure);
int lineHeight = textView.getLineHeight();
int lineNumber = textView.getMeasuredHeight() / lineHeight;
return lineNumber;
}

/

以下方式获取的是正确的：

/**
* 计算出该TextView中文字的长度(像素)
* 
* @param textView
* @param text
* @return
*/
public static int getTextViewLength(TextView textView, String text) {
TextPaint paint = textView.getPaint();
// 得到使用该paint写上text的时候,像素为多少
int textLength = (int) paint.measureText(text);
return textLength;
}


/**
* 根据手机的分辨率从 dp 的单位 转成为 px(像素)
*/
public static int dip2px(Context context, float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}


/**
* 根据手机的分辨率从 px(像素) 的单位 转成为 dp
*/
public static int px2dip(Context context, float pxValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (pxValue / scale + 0.5f);
}

private int availableTextWidth;

// 获取屏幕的宽度减去TextView两边的间距，得到TextView的有效宽度（两行）
availableTextWidth = (MainActivity.screenWidth - dip2px(mContext, 28)) * 2;// 28是TextView的左边距和右边距之和

tv_content.setText(content);
if (availableTextWidth < getTextViewLength(tv_content, content)) {
tv_showorhide.setVisibility(View.VISIBLE);
if (!getItem(position).isShow) {
tv_showorhide.setText("全文");
tv_content.setEllipsize(TruncateAt.END);
tv_content.setMaxLines(2);
} else {
tv_content.setMaxLines(1024);
tv_showorhide.setText("收起");
}
tv_showorhide.setOnClickListener(new View.OnClickListener() {


@Override
public void onClick(View v) {
if (tv_showorhide.getText().equals("全文")) {
tv_content.setMaxLines(1024);
tv_showorhide.setText("收起");
getItem(position).isShow = true;
} else {
tv_showorhide.setText("全文");
tv_content.setMaxLines(2);
getItem(position).isShow = false;
}
}
});
} else {
tv_showorhide.setVisibility(View.GONE);
}

这段代码是从Adapter中抽取出来的，即使使用布局复用，也不会出现错位现象。

注:初次写博客，写得有点乱，忘各位见谅，还请大家灵活应用。