詳解Android SpannableString多行圖文混排的應(yīng)用實(shí)戰(zhàn)
TeXtView大家應(yīng)該都不陌生,文本展示控件嘛! 就用TextView顯示普普通通的文本,OK,很簡(jiǎn)單,Android入門的都會(huì),沒入門的在門縫外看兩眼也都會(huì),哈哈,開玩笑。那要是設(shè)計(jì)在開發(fā)需求中要求類似微信聊天表情一樣在TextView中插入表情圖片呢? 有的小伙伴就會(huì)說啦,“TextView添加圖片我會(huì)啊,不就是drawableLeft,drawableRight嘛!” 嗯 ~ 也行,算是一種方法,可這有一個(gè)限制,首先,圖片只能在TextView的兩端,其次,兩端都只能設(shè)置一張圖片。要是圖片要在文本中間呢?無能為力了吧,要是你會(huì)使用SpannableString,這個(gè)問題也就不難解決了,簡(jiǎn)直是Just So So。
所以,不論你是否正在經(jīng)受以上問題的困擾,亦或是還沒有經(jīng)歷到,請(qǐng)駐足仔細(xì)耐心的看完這篇簡(jiǎn)短的文章。不僅能夠輕松實(shí)現(xiàn)以上設(shè)計(jì)需求,更能收獲其他各種炫酷的效果,也許就能幫助你解決現(xiàn)在你所困擾的問題。
首先我們來看下這張效果圖,注意圖片中置頂這個(gè)圖片是如何實(shí)現(xiàn)的呢?當(dāng)然你也可也設(shè)置他的點(diǎn)擊事件,比如帶有視頻或者其他類的,這里我們就不多做介紹了,看項(xiàng)目具體需求就好。
效果圖

如果就涉及到一行的話我們只需要在文本后面加個(gè)imageview就行,但是如果多行顯示的話這樣做就不太好了
那么什么是SpannableString呢?
SpannableString其實(shí)和String一樣,都是一種字符串類型,同樣TextView也可以直接設(shè)置SpannableString作為顯示文本,不同的是SpannableString可以通過使用其方法setSpan方法實(shí)現(xiàn)字符串各種形式風(fēng)格的顯示,重要的是可以指定設(shè)置的區(qū)間,也就是為字符串指定下標(biāo)區(qū)間內(nèi)的子字符串設(shè)置格式。
setSpan(Object what, int start, int end, int flags)方法需要用戶輸入四個(gè)參數(shù),what表示設(shè)置的格式是什么,可以是前景色、背景色也可以是可點(diǎn)擊的文本等等,start表示需要設(shè)置格式的子字符串的起始下標(biāo),同理end表示末尾下標(biāo),flags就是一種標(biāo)識(shí),共有以下四種屬性:
- Spanned.SPAN_INCLUSIVE_EXCLUSIVE 從起始下標(biāo)到末尾下標(biāo),包括起始下標(biāo),不包括后面
- Spanned.SPAN_INCLUSIVE_INCLUSIVE 從起始下標(biāo)到末尾下標(biāo),同時(shí)包括起始下標(biāo)和末尾下標(biāo),前后包括
- Spanned.SPAN_EXCLUSIVE_EXCLUSIVE 從起始下標(biāo)到末尾下標(biāo),但都不包括起始下標(biāo)和末尾下標(biāo)
- Spanned.SPAN_EXCLUSIVE_INCLUSIVE 從起始下標(biāo)到末尾下標(biāo),包括末尾下標(biāo)
到此,那我們看看如何在代碼中實(shí)現(xiàn)這一效果呢?
String title = MapUtil.getValueStr(datas.get(position), "Title");
try {
title = java.net.URLDecoder.decode(title, "utf-8");
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}
//圖文混排
Drawable drawable = getResources().getDrawable(R.mipmap.icon_top);
drawable.setBounds(0,0,drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight());//這里后兩位不要填寫int類參數(shù),否則會(huì)出現(xiàn)在大屏手機(jī)上顯示不整齊的情況
ImageSpan is = new ImageSpan(drawable);
String space = " ";
title = title + space;
int strLength = title.length();
SpannableString ss = new SpannableString(title);
ss .setSpan(is,strLength-1, strLength, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
if ("1".equals(TopFlag)) { //置頂顯示
viewHolder.title.setText(ss.subSequence(0,strLength));
} else {
viewHolder.title.setText(title);
}
我們拿到接口返回的title后,把我們需要的圖片通過 Drawable drawable = getResources().getDrawable(R.mipmap.icon_top);
drawable.setBounds(0,0,drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight());//這里后兩位不要填寫int類參數(shù),否則會(huì)出現(xiàn)在大屏手機(jī)上顯示不整齊的情況
拿到圖片后設(shè)置你想要的大小和位置即可輕松快速實(shí)現(xiàn)這一效果。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android 實(shí)現(xiàn)長(zhǎng)按彈出PopupMenu 菜單欄
這篇文章主要介紹了Android 實(shí)現(xiàn)長(zhǎng)按彈出PopupMenu 菜單欄,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12
android實(shí)現(xiàn)圖片驗(yàn)證碼方法解析(自繪控件)
本文主要介紹了android自繪控件的應(yīng)用--實(shí)現(xiàn)圖片驗(yàn)證碼方法案例,具有一定的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01
官網(wǎng)項(xiàng)目Jetpack?Startup庫學(xué)習(xí)
這篇文章主要為大家介紹了官網(wǎng)項(xiàng)目Jetpack?Startup庫學(xué)習(xí),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02
Android編程自定義AlertDialog樣式的方法詳解
這篇文章主要介紹了Android編程自定義AlertDialog樣式的方法,結(jié)合實(shí)例形式詳細(xì)分析了Android自定義AlertDialog樣式的具體布局與功能實(shí)現(xiàn)相關(guān)操作技巧,需要的朋友可以參考下2018-02-02
詳解Android TextView屬性ellipsize多行失效的解決思路
這篇文章主要介紹了Android TextView屬性ellipsize多行失效的解決思路,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
Android實(shí)現(xiàn)自動(dòng)輪詢的RecycleView
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)自動(dòng)輪詢的RecycleView,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-10-10
Android BLE 藍(lán)牙開發(fā)之實(shí)現(xiàn)掃碼槍基于BLESSED開發(fā)
這篇文章主要介紹了Android BLE 藍(lán)牙開發(fā)之實(shí)現(xiàn)掃碼槍基于BLESSED開發(fā),示例代碼介紹了第三方庫BLESSED for Android的使用,需要的朋友可以參考下2022-03-03
Android itemDecoration接口實(shí)現(xiàn)吸頂懸浮標(biāo)題
這篇文章主要介紹了Android中使用itemdecoration實(shí)現(xiàn)吸頂懸浮標(biāo)題,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-11-11
Android的VSYNC機(jī)制和UI刷新流程示例詳解
這篇文章主要為大家介紹了Android的VSYNC機(jī)制和UI刷新流程示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12

