Android TextView 判斷文字內容是否超出顯示省略號
阿新 • • 發佈:2019-02-15
TextView 判斷文字內容是否超出顯示省略號
最近在做一個類似於QQ空間的一個社交圈的模組的開發。有一個需求是當用戶發表的內容超出4行時,顯示一個按鈕,點選按鈕展示全文。我還真沒有發現TextView有獲取文字內容有沒有顯示省略號這個方法。沒辦法,只能自己想辦法了。
- 想法和思路
textview既然自己會顯示省略號,內部肯定有演算法判斷了內容是否超出最大行數的,我是不是可以找到這個方法,或者找到這個方法的返回值呢?
答案是肯定的。TextView有個方法 getLayout(); 這個Layout物件有個方法:
/**
* 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表示沒有省略。那麼就可以通過這個返回值來判斷文字有沒有省略了。
Demo:
- MainActivity: 一個TextView,一個Button實現文字點選收起和展示全部。
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);
}
}
});
}
}
- 佈局:
<?xml version="1.0" encoding="utf-8"?>
<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>
- 注意
如果直接在onCreate方法中呼叫textView.getLayout()可能返回為空。可以待textView繪製完成之後再呼叫。
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<DataModel> 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<RecyclerView.ViewHolder>() {
@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
<?xml version="1.0" encoding="utf-8"?>
<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" />