Android仿新浪微博、QQ空間等帖子顯示(1)
TextView通常用來(lái)顯示普通文本,但是有時(shí)候需要對(duì)其中某些文本進(jìn)行樣式、事件方面的設(shè)置。Android系統(tǒng)通過(guò)SpannableString類(lèi)來(lái)對(duì)指定文本進(jìn)行相關(guān)處理,實(shí)際應(yīng)用中用的比較多的地方比如聊天時(shí)顯示表情啊,朋友圈或社區(qū)中話(huà)題的顯示、@好友顯示和點(diǎn)擊等等,關(guān)鍵字顯示不同顏色……
1、BackgroundColorSpan 背景色
SpannableString spanText = new SpannableString("BackgroundColorSpan"); spanText.setSpan(new BackgroundColorSpan(Color.GREEN), 0, spanText.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText);
2、ClickableSpan 文本可點(diǎn)擊,有點(diǎn)擊事件
spannableString.setSpan(new ClickableSpan() { @Override public void onClick(View widget) { spanClickListener.onSpanClick(bean); } @Override public void updateDrawState(TextPaint ds) { super.updateDrawState(ds); //設(shè)置畫(huà)筆屬性 ds.setUnderlineText(false);//默認(rèn)有下劃線(xiàn) } }, matcher.start(), end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); tvTopic.setText(spannableString); //如果想實(shí)現(xiàn)點(diǎn)擊,必須要設(shè)置這個(gè) tvTopic.setMovementMethod(LinkMovementMethod.getInstance());
3、ForegroundColorSpan 文本顏色(前景色)
spanText = new SpannableString("這是ForegroundColorSpan,看到了嗎"); spanText.setSpan(new ForegroundColorSpan(Color.BLUE), 6, spanText.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText);
4、MaskFilterSpan 修飾效果,如模糊(BlurMaskFilter)、浮雕(EmbossMaskFilter)
spanText = new SpannableString("這是MaskFilterSpan,,看到了嗎"); int length = spanText.length(); //模糊(BlurMaskFilter) MaskFilterSpan maskFilterSpan = new MaskFilterSpan(new BlurMaskFilter(3, Blur.OUTER)); spanText.setSpan(maskFilterSpan, 0, length - 10, Spannable. SPAN_INCLUSIVE_EXCLUSIVE); //浮雕(EmbossMaskFilter) maskFilterSpan = new MaskFilterSpan(new EmbossMaskFilter(new float[]{1,1,3}, 1.5f, 8, 3)); spanText.setSpan(maskFilterSpan, length - 10, length, Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText);
7、StrikethroughSpan 刪除線(xiàn)(中劃線(xiàn))
spanText = new SpannableString("StrikethroughSpan"); spanText.setSpan(new StrikethroughSpan(), 0, 7, Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText);
8、SuggestionSpan
相當(dāng)于占位符,一般用在EditText輸入框中。當(dāng)雙擊此文本時(shí),會(huì)彈出提示框選擇一些建議(推薦的)文字,選中的文本將替換此占位符。在輸入法上用的較多。
9、UnderlineSpan 下劃線(xiàn)
spanText = new SpannableString("UnderlineSpan"); spanText.setSpan(new UnderlineSpan(), 0, spanText.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText);
10、AbsoluteSizeSpan 絕對(duì)大?。ㄎ谋咀煮w)
spanText = new SpannableString("AbsoluteSizeSpan"); spanText.setSpan(new AbsoluteSizeSpan(20, true), 0, spanText.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText);
11、DynamicDrawableSpan 設(shè)置圖片,基于文本基線(xiàn)或底部對(duì)齊。
DynamicDrawableSpan drawableSpan = new DynamicDrawableSpan(DynamicDrawableSpan.ALIGN_BASELINE) { @Override public Drawable getDrawable() { Drawable d = getResources().getDrawable(R.drawable.ic_launcher); d.setBounds(0, 0, 50, 50); return d; } }; DynamicDrawableSpan drawableSpan2 = new DynamicDrawableSpan( DynamicDrawableSpan.ALIGN_BOTTOM) { @Override public Drawable getDrawable() { Drawable d = getResources().getDrawable(R.drawable.ic_launcher); d.setBounds(0, 0, 50, 50); return d; } }; spanText.setSpan(drawableSpan, 3, 4, Spannable.SPAN_INCLUSIVE_EXCLUSIVE); spanText.setSpan(drawableSpan2, 7, 8, Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText);
12、ImageSpan 圖片
spanText = new SpannableString("ImageSpan"); Drawable d = getResources().getDrawable(R.drawable.ic_launcher); d.setBounds(0, 0, 50, 50); spanText.setSpan(new ImageSpan(d), 3, 4, Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText);
13、RelativeSizeSpan 相對(duì)大?。ㄎ谋咀煮w)
spanText = new SpannableString("RelativeSizeSpan"); //參數(shù)proportion:比例大小 spanText.setSpan(new RelativeSizeSpan(2.5f), 3, 4, Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText);
14、ScaleXSpan 基于x軸縮放
spanText = new SpannableString("ScaleXSpan"); //參數(shù)proportion:比例大小 spanText.setSpan(new ScaleXSpan(3.8f), 3, 7, Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText);
15、StyleSpan 字體樣式:粗體、斜體等
spanText = new SpannableString("StyleSpan"); spanText.setSpan(new StyleSpan(Typeface.BOLD_ITALIC), 3, 7, Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText);
16、SubscriptSpan 下標(biāo)(數(shù)學(xué)公式會(huì)用到)
spanText = new SpannableString("SubscriptSpan"); spanText.setSpan(new SubscriptSpan(), 6, 7, Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText);
17、SuperscriptSpan 上標(biāo)(數(shù)學(xué)公式會(huì)用到)
spanText = new SpannableString("SuperscriptSpan"); spanText.setSpan(new SuperscriptSpan(), 6, 7, Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText);
18、TextAppearanceSpan 文本外貌(包括字體、大小、樣式和顏色)
spanText = new SpannableString("TextAppearanceSpan"); //若需自定義TextAppearance,可以在系統(tǒng)樣式上進(jìn)行修改 spanText.setSpan(new TextAppearanceSpan(this, android.R.style.TextAppearance_Medium), 6, 7, Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText);
19、TypefaceSpan 文本字體
spanText = new SpannableString("TypefaceSpan"); spanText.setSpan(new TypefaceSpan("monospace"), 3, 10, Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText);
20、URLSpan 文本超鏈接
spanText = new SpannableString("URLSpan"); spanText.setSpan(new URLSpan("http://blog.csdn.net/u011102153"), 10, spanText.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTVText.append("\n"); mTVText.append(spanText); //讓URLSpan可以點(diǎn)擊 mTVText.setMovementMethod(new LinkMovementMethod());
下載:https://github.com/LineChen/SpannableStringDemo
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android仿新浪微博發(fā)布微博界面設(shè)計(jì)(5)
- Android仿新浪微博自定義ListView下拉刷新(4)
- Android仿新浪微博分頁(yè)管理界面(3)
- Android仿新浪微博oauth2.0授權(quán)界面實(shí)現(xiàn)代碼(2)
- Android仿新浪微博啟動(dòng)界面或登陸界面(1)
- Android用PopupWindow實(shí)現(xiàn)新浪微博的分組信息實(shí)例
- Android仿新浪微博、QQ空間等帖子顯示(2)
- Android仿新浪微博/QQ空間滑動(dòng)自動(dòng)播放視頻功能
- Android集成新浪微博第三方登錄的方法
- Android仿新浪微博個(gè)人信息界面及其他效果
相關(guān)文章
Android?Studio實(shí)現(xiàn)智能聊天
這篇文章主要為大家詳細(xì)介紹了Android?Studio實(shí)現(xiàn)智能聊天,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07Android自定義view仿微信刷新旋轉(zhuǎn)小風(fēng)車(chē)
這篇文章主要介紹了Android自定義view仿微信刷新旋轉(zhuǎn)小風(fēng)車(chē),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12Android自定義textview實(shí)現(xiàn)豎直滾動(dòng)跑馬燈效果
這篇文章主要為大家詳細(xì)介紹了Android自定義textview實(shí)現(xiàn)豎直滾動(dòng)跑馬燈效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06Android編程實(shí)現(xiàn)提取網(wǎng)址鏈接的方法
這篇文章主要介紹了Android編程實(shí)現(xiàn)提取網(wǎng)址鏈接的方法,涉及Android針對(duì)字符串的正則匹配操作相關(guān)技巧,需要的朋友可以參考下2016-10-10Android開(kāi)發(fā)之實(shí)現(xiàn)GridView支付寶九宮格
本文給大家介紹android開(kāi)發(fā)之實(shí)現(xiàn)gridview支付寶九宮格,其原理是讓每個(gè)item都設(shè)置成帶有分割線(xiàn)的背景,在這不透漏太多內(nèi)容,感興趣的朋友請(qǐng)閱讀全文2015-11-11Android如何在A(yíng)pp中啟動(dòng)系統(tǒng)鬧鐘
這篇文章主要為大家詳細(xì)介紹了Android如何在A(yíng)pp中啟動(dòng)系統(tǒng)鬧鐘,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-01-01Android 6.0 無(wú)法在SD卡創(chuàng)建目錄的方法
今天小編就為大家分享一篇Android 6.0 無(wú)法在SD卡創(chuàng)建目錄的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08android開(kāi)發(fā)教程之使用looper處理消息隊(duì)列
這篇文章主要介紹了通過(guò)HandlerThread對(duì)象來(lái)實(shí)現(xiàn)使用looper處理消息隊(duì)列的功能,大家參考使用吧2014-01-01Flutter開(kāi)發(fā)之Shortcuts快捷鍵組件的用法詳解
在桌面端的開(kāi)發(fā)中,鍵盤(pán)快捷鍵是非常常見(jiàn)而必要的,F(xiàn)lutter?既然可以開(kāi)發(fā)桌面端應(yīng)用,那必然要提供自定義快捷鍵,所以本文就來(lái)和大家講講Shortcuts組件的簡(jiǎn)單使用吧2023-05-05Android編程實(shí)現(xiàn)TextView垂直自動(dòng)滾動(dòng)功能【附demo源碼下載】
這篇文章主要介紹了Android編程實(shí)現(xiàn)TextView垂直自動(dòng)滾動(dòng)功能,詳細(xì)分析了Android TextView垂直自動(dòng)滾動(dòng)功能的實(shí)現(xiàn)步驟與布局、功能相關(guān)技巧,并附帶了demo源碼供讀者下載,需要的朋友可以參考下2017-02-02