如何在Android在使用TextView實現(xiàn)一個顯示與隱藏全文功能?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
創(chuàng)新互聯(lián)建站是一家專注于做網(wǎng)站、成都網(wǎng)站建設(shè)與策劃設(shè)計,衡陽網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:衡陽等地區(qū)。衡陽做網(wǎng)站價格咨詢:18980820575
參數(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ù)分別表示
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 ? 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 ? 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)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。
名稱欄目:如何在Android在使用TextView實現(xiàn)一個顯示與隱藏全文功能
網(wǎng)頁路徑:http://jinyejixie.com/article6/pggjig.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗、響應(yīng)式網(wǎng)站、ChatGPT、外貿(mào)建站、網(wǎng)站設(shè)計公司、網(wǎng)站策劃
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)