1. 程式人生 > >Android TextView 判斷文字內容是否超出顯示省略號

Android TextView 判斷文字內容是否超出顯示省略號

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" />

執行截圖