安卓TextView內容摺疊實現「查看全部」和「收起」並且進行封裝

前言

         由於TextView有些時候的內容太多，跳轉二級頁面顯示又多此一舉，設置layout_height爲wrap_content又佔用當前頁面太多UI，整體佈局不好看，於是乎就需要現在這個方法解決了，在參考了部分資料的基礎上，簡單的封裝了工具類。

 

一、先上圖

 

二、直接上代碼，已經封裝好的工具類

public class MyMoreText implements View.OnClickListener {
    private SpannableString eclipseString;    //收起的文字
    private SpannableString notEclipseString; //展開的文字
    private TextView textView;

    private static class MoreTextHolder {
        @SuppressLint("StaticFieldLeak")
        private static final MyMoreText INSTANCE = new MyMoreText();
    }

    public static MyMoreText getInstance() {
        return MyMoreText.MoreTextHolder.INSTANCE;
    }

    public void getLastIndexForLimit(TextView tv, int maxLine, String content) {
        this.textView = tv;
        //獲取TextView的畫筆對象
        TextPaint paint = textView.getPaint();
        //每行文本的佈局寬度
        int width = MyApplication.getInstance().getResources().getDisplayMetrics().widthPixels - dip2px(MyApplication.getInstance(), 40);
        //實例化StaticLayout 傳入相應參數
        StaticLayout staticLayout = new StaticLayout(content, paint, width, Layout.Alignment.ALIGN_NORMAL, 1, 0, false);
        //判斷content是行數是否超過最大限制行數3行
        if (staticLayout.getLineCount() > maxLine) {
            //定義展開後的文本內容
            String string1 = content + "    收起";
            notEclipseString = new SpannableString(string1);
            //給收起兩個字設成藍色
            notEclipseString.setSpan(new ForegroundColorSpan(Color.parseColor("#0079e2")), string1.length() - 2, string1.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            //獲取到第三行最後一個文字的下標
            int index = staticLayout.getLineStart(maxLine) - 1;
            //定義收起後的文本內容
            String substring = content.substring(0, index - 4) + "..." + "查看全部";
            eclipseString = new SpannableString(substring);
            //給查看全部設成藍色
            eclipseString.setSpan(new ForegroundColorSpan(Color.parseColor("#0079e2")), substring.length() - 4, substring.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            //設置收起後的文本內容
            tv.setText(eclipseString);
            tv.setOnClickListener(this);
            //將textView設成選中狀態 true用來表示文本未展示完全的狀態,false表示完全展示狀態，用於點擊時的判斷
            tv.setSelected(true);
        } else {
            //沒有超過 直接設置文本
            tv.setText(content);
            tv.setOnClickListener(null);
        }
    }

    /**
     * 根據手機的分辨率從 dp 的單位 轉成爲 px(像素)
     */
    private static int dip2px(Context mContext, float dpValue) {
        final float scale = mContext.getResources().getDisplayMetrics().density;
        return (int) (dpValue * scale + 0.5f);
    }

    @Override
    public void onClick(View view) {
        if (view.isSelected()) {
            //如果是收起的狀態
            textView.setText(notEclipseString);
            textView.setSelected(false);
        } else {
            //如果是展開的狀態
            textView.setText(eclipseString);
            textView.setSelected(true);
        }
    }
}

 

三、爲避免回調工具類的時候使用context而導致的弱引用問題，此處使用application

public class MyApplication extends Application {
    private static MyApplication instance;

    public static MyApplication getInstance() {
        return instance;
    }

    public static Context mAppContext = null;

    @Override
    public void onCreate() {
        super.onCreate();
        instance = this;
    }
}

 

四、直接調用工具類使用

 //目標textView，顯示內容的行數，textView具體內容
 MyMoreText.getInstance().getLastIndexForLimit(tvCheckYJ, 2, result.getCheckrecordinfo().getCheckyj());  

 

五、完結。如有疑問請留言，如喜歡可以點個贊。