最近在做一个类似于QQ空间的一个社交圈的模块的开发。有一个需求是当用户发表的内容超出4行时,显示一个按钮,点击按钮展示全文。我还真没有发现TextView有获取文本内容有没有显示省略号这个方法。没办法,只能自己想办法了。
/**
* Returns the number of characters to be ellipsized away, or 0 if
* no ellipsis is to take place.
*/
public abstract int getEllipsisCount(int line);
可以获取到省略的字符数。如果返回0表示没有省略。那么就可以通过这个返回值来判断文字有没有省略了。
public class MainActivity extends AppCompatActivity {
/**
* 最多展示2行。
*/
private static final int LINES = 2;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final TextView textView = findViewById(R.id.tv);
findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//获取省略的字符数,0表示没和省略
int ellipsisCount = textView.getLayout().getEllipsisCount(textView.getLineCount() - 1);
textView.getLayout().getEllipsisCount(textView.getLineCount() - 1);
//ellipsisCount>0说明没有显示全部,存在省略部分。
if (ellipsisCount > 0) {
//展示全部,按钮设置为点击收起。
textView.setMaxHeight(getResources().getDisplayMetrics().heightPixels);
((TextView) findViewById(R.id.btn)).setText("收起");
} else {
//显示2行,按钮设置为点击显示全部。
((TextView) findViewById(R.id.btn)).setText("显示全部");
textView.setMaxLines(LINES);
}
}
});
}
}
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp"
tools:context="cc.com.testtextview.MainActivity">
<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ellipsize="end"
android:lines="2"
android:text="@string/text" />
<TextView
android:id="@+id/btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="8dp"
android:text="显示全部" />
LinearLayout>
textView.post(new Runnable() {
@Override
public void run() {
//获取省略的字符数,0表示没和省略
int ellipsisCount = textView.getLayout().getEllipsisCount(textView.getLineCount() - 1);
textView.getLayout().getEllipsisCount(textView.getLineCount() - 1);
}
});
在列表中使用
假如有这样的需求,在列表中展示文字,如果文字超出3行就显示省略号,并且点击可以查看全部。就像微信的朋友圈一样。
思路:因为在列表中设置完文字后,直接调用textView.getLayout()方法会返回null,所以需要异步的方式来获取,这样我们需要一个数据模型来保存是否展示全部,文字是否超出范围等信息。
DEMO:
public class TestListActivity extends AppCompatActivity {
/**
* 最多展示3行。
*/
private static final int LINES = 3;
/**
* 数据
*/
private List data = new ArrayList<>();
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_test_list);
RecyclerView mRecyclerView = findViewById(R.id.rv);
mRecyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));
String temp = "最多显示3行。";
StringBuilder sb = new StringBuilder();
for (int i = 0; i < 20; i++) {
sb.append(temp);
data.add(new DataModel(null, sb.toString()));
}
mRecyclerView.setAdapter(new RecyclerView.Adapter() {
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
return new RecyclerView.ViewHolder(LayoutInflater.from(TestListActivity.this).inflate(R.layout.activity_main, parent, false)) {
};
}
@Override
public void onBindViewHolder(final RecyclerView.ViewHolder holder, final int position) {
holder.itemView.findViewById(R.id.btn_list_demo).setVisibility(View.GONE);
final TextView textView = holder.itemView.findViewById(R.id.tv);
final DataModel model = data.get(position);
textView.setText(model.text);
//先将文字的状态保存
if (model.hasEllipsis == null) {
//如果textView.getLayout()为空,待TextView渲染结束后重新获取Layout对象。
textView.post(new Runnable() {
@Override
public void run() {
int ellipsisCount = textView.getLayout().getEllipsisCount(textView.getLineCount() - 1);
//是否超出范围:如果行数大于3或者而且ellipsisCount>0超出范围,会显示省略号。
if (model.hasEllipsis == null) {
model.hasEllipsis = !(textView.getLineCount() <= LINES && ellipsisCount == 0);
}
//如果文字没有超出范围,则隐藏按钮。
holder.itemView.findViewById(R.id.btn).setVisibility(model.hasEllipsis ? View.VISIBLE : View.GONE);
//文字是否全部展示。
model.isShowAll = ellipsisCount > 0;
setTextViewLines(textView, ((TextView) holder.itemView.findViewById(R.id.btn)), !model.hasEllipsis || model.isShowAll);
}
});
} else {
holder.itemView.findViewById(R.id.btn).setVisibility(model.hasEllipsis ? View.VISIBLE : View.GONE);
setTextViewLines(textView, ((TextView) holder.itemView.findViewById(R.id.btn)), !model.hasEllipsis || model.isShowAll);
}
holder.itemView.findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
model.isShowAll = !model.isShowAll;
notifyItemChanged(position);
//这样直接设置展示、收起也可以。
// setTextViewLines(textView, ((TextView) holder.itemView.findViewById(R.id.btn)), !model.hasEllipsis || model.isShowAll);
}
});
}
@Override
public int getItemCount() {
return data.size();
}
});
}
private void setTextViewLines(TextView textView, TextView button, boolean isShowAll) {
if (!isShowAll) {
//展示全部,按钮设置为点击收起。
textView.setMaxHeight(getResources().getDisplayMetrics().heightPixels);
button.setText("收起");
} else {
//显示3行,按钮设置为点击显示全部。
textView.setMaxLines(LINES);
button.setText("显示全部");
}
}
/**
* 数据模型。
*/
public static final class DataModel {
/**
* 是否是显示全部
*/
private boolean isShowAll;
/**
* 文字是否超出范围
*/
private Boolean hasEllipsis;
private String text;
public DataModel(String text) {
this.text = text;
}
public DataModel(Boolean hasEllipsis, String text) {
this.hasEllipsis = hasEllipsis;
this.text = text;
}
}
}
布局:只有一个RecyclerView
<android.support.v7.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/rv"
android:layout_width="match_parent"
android:layout_height="match_parent" />