如何在Android在使用TextView實現(xiàn)一個顯示與隱藏全文功能

發(fā)布時間：2020-11-25 17:07:08 來源：億速云閱讀：546 作者：Leah 欄目：移動開發(fā)

如何在Android在使用TextView實現(xiàn)一個顯示與隱藏全文功能？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

參數(shù)定義

<declare-styleablename="CollapsibleTextView">
 <attrname="suffixColor"format="color"/>
 <attrname="collapsedLines"format="integer"/>
 <attrname="collapsedText"format="string"/>
 <attrname="expandedText"format="string"/>
 <attrname="suffixTrigger"format="boolean"/>
</declare-styleable>

這幾個參數(shù)分別表示

后綴顏色，也就是「顯示全文」，「隱藏」這幾個字的顏色
折疊后顯示幾行文字
折疊后的后綴文字，也就是「顯示全文」
展開后的后綴文字，也就是「隱藏」
隱藏與展示的觸發(fā)事件是點擊后綴還是整個 TextView
主要的構(gòu)造函數(shù)如：

publicCollapsibleTextView(Context context, AttributeSet attrs,intdefStyleAttr){
 super(context, attrs, defStyleAttr);
 TypedArray attributes = context.getTheme()
 .obtainStyledAttributes(attrs, R.styleable.CollapsibleTextView, defStyleAttr, 0);

 mSuffixColor = attributes.getColor(R.styleable.CollapsibleTextView_suffixColor, 0xff0000ff);
 mCollapsedLines = attributes.getInt(R.styleable.CollapsibleTextView_collapsedLines, 1);
 mCollapsedText = attributes.getString(R.styleable.CollapsibleTextView_collapsedText);
 if (TextUtils.isEmpty(mCollapsedText)) mCollapsedText = " Show All";
 mExpandedText = attributes.getString(R.styleable.CollapsibleTextView_expandedText);
 if (TextUtils.isEmpty(mExpandedText)) mExpandedText = " Hide";
 mSuffixTrigger = attributes.getBoolean(R.styleable.CollapsibleTextView_suffixTrigger, false);

 this.mText = getText() == null &#63; null : getText().toString();
 setMovementMethod(LinkMovementMethod.getInstance());
 super.setOnClickListener(mClickListener);
}

代理 onClick 事件

為了配置是否由后綴觸發(fā)顯示與隱藏操作，我們要在 CollapsibleTextView 中處理點擊事件。所以在構(gòu)造函數(shù)中設(shè)置 clickListener 為 mClickListener。同時在 mClickListener 中處理點擊事件：

private OnClickListener mClickListener = new OnClickListener() {
 @Override
 publicvoidonClick(View v){
 if (!mSuffixTrigger) {
 mExpanded = !mExpanded;
 applyState(mExpanded);
 }

 if (mCustomClickListener != null) {
 mCustomClickListener.onClick(v);
 }
 }
};

為了用戶仍可以設(shè)置 clickListener 我們重寫 setOnClickListener 方法，并保留 clickListener 為 mCustomClickListener:

@Override
publicvoidsetOnClickListener(OnClickListener l){
 mCustomClickListener = l;
}

這樣就將 click 事件代理到了 CollapsibleTextView 內(nèi)部。

ClickableSpan 處理部分文本點擊

為了能夠監(jiān)聽后綴的點擊事件，需要使用 ClickableSpan

str.setSpan(mClickSpanListener,
 note.length(),
 note.length() + suffix.length(),
 SpannableString.SPAN_EXCLUSIVE_EXCLUSIVE);

// ClickableSpan
private ClickableSpan mClickSpanListener
 = new ClickableSpan() {
 @Override
 publicvoidonClick(View widget){
 if (mSuffixTrigger) {
 mExpanded = !mExpanded;
 applyState(mExpanded);
 }
 }

 @Override
 publicvoidupdateDrawState(TextPaint ds){
 super.updateDrawState(ds);
 ds.setUnderlineText(false);
 }
};

根據(jù)狀態(tài)計算出 SpannableString

privatevoidapplyState(booleanexpanded){
 if (TextUtils.isEmpty(mText)) return;

 String note = mText, suffix;
 if (expanded) {
 suffix = mExpandedText;
 } else {
 if (mCollapsedLines - 1 < 0) {
 throw new RuntimeException("CollapsedLines must equal or greater than 1");
 }
 int lineEnd = getLayout().getLineEnd(mCollapsedLines - 1);
 suffix = mCollapsedText;
 int newEnd = lineEnd - suffix.length() - 1;
 int end = newEnd > 0 &#63; newEnd : lineEnd;

 TextPaint paint = getPaint();
 int maxWidth = mCollapsedLines * (getMeasuredWidth() - getPaddingLeft() - getPaddingRight());
 while (paint.measureText(note.substring(0, end) + suffix) > maxWidth)
 end--;
 note = note.substring(0, end);
 }

 final SpannableString str = new SpannableString(note + suffix);
 if (mSuffixTrigger) {
 str.setSpan(mClickSpanListener,
 note.length(),
 note.length() + suffix.length(),
 SpannableString.SPAN_EXCLUSIVE_EXCLUSIVE);
 }
 str.setSpan(new ForegroundColorSpan(mSuffixColor),
 note.length(),
 note.length() + suffix.length(),
 SpannableString.SPAN_EXCLUSIVE_EXCLUSIVE);
 post(new Runnable() {
 @Override
 publicvoidrun(){
 setText(str);
 }
 });
}

其中 paint.measureText 可以測量出文本布局的寬度從而得只文本行數(shù)并與 mCollapsedLines 比較裁剪出合適的字符長度并添加上后綴與 span 賦予 TextView 即可

由于 getLineEnd 等函數(shù)只有在 layout 過程之后值才有意義，所以要合理的選擇 applyState 的時機：

@Override
protectedvoidonLayout(booleanchanged,intleft,inttop,intright,intbottom){
 super.onLayout(changed, left, top, right, bottom);
 if (mShouldInitLayout && getLineCount() > mCollapsedLines) {
 mShouldInitLayout = false;
 applyState(mExpanded);
 }
}

至此 CollapsibleTextView 的要點已經(jīng)完成，添加上 getter，setter 函數(shù)與一些邏輯組織即可

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章，請關(guān)注億速云行業(yè)資訊頻道，感謝您對億速云的支持。

向AI問一下細節(jié)

如何在Android在使用TextView實現(xiàn)一個顯示與隱藏全文功能

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽