Android開(kāi)發(fā)手冊(cè)TextView屬性實(shí)現(xiàn)效果盤點(diǎn)
前言
前面小空帶大家了解了TextView的屬性,實(shí)踐了一些自定義粗細(xì),陰影效果,鏈接形文字。
但這還僅僅局限在用她本身的能力來(lái)實(shí)現(xiàn)的,那么她還能有什么花樣呢?
我們先提出三個(gè)問(wèn)題:
- 例如有些時(shí)鐘的顯示,那如何讓文本帶有動(dòng)畫效果?
- 例如如何讓一個(gè)文本支持多種顏色和大???
- 那有沒(méi)有統(tǒng)一快捷的方案?
我們帶著疑問(wèn)來(lái)看解決方案,大佬直接看最后開(kāi)源項(xiàng)目。
??實(shí)踐過(guò)程
??如何實(shí)現(xiàn)drawable的動(dòng)畫?
我們用幀動(dòng)畫舉例,準(zhǔn)備一個(gè)序列幀動(dòng)畫,放到drawable-xxhdpi下,在drawable文件夾下創(chuàng)建個(gè)動(dòng)畫xml(Android動(dòng)畫是個(gè)不小的知識(shí)點(diǎn),后面我們學(xué))配置好,然后在布局中引用。
test_tsxt_anim.xml
<?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/anim1" android:duration="80" /> <item android:drawable="@drawable/anim2" android:duration="80" /> <item android:drawable="@drawable/anim3" android:duration="80" /> <item android:drawable="@drawable/anim4" android:duration="80" /> <item android:drawable="@drawable/anim5" android:duration="80" /> <item android:drawable="@drawable/anim6" android:duration="80" /> <item android:drawable="@drawable/anim7" android:duration="80" /> <item android:drawable="@drawable/anim8" android:duration="80" /> <item android:drawable="@drawable/anim9" android:duration="80" /> <item android:drawable="@drawable/anim10" android:duration="80" /> <item android:drawable="@drawable/anim11" android:duration="80" /> <item android:drawable="@drawable/anim12" android:duration="80" /> <item android:drawable="@drawable/anim13" android:duration="80" /> <item android:drawable="@drawable/anim14" android:duration="80" /> </animation-list>
布局引用
<TextView android:id="@+id/test_text_anim" android:layout_width="wrap_content" android:layout_height="wrap_content" android:drawableTop="@drawable/test_tsxt_anim" android:text="接著奏樂(lè),接著舞" />
之后在代碼中執(zhí)行
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_test); testTextAnim = (TextView) findViewById(R.id.test_text_anim); Drawable[] drawables = testTextAnim.getCompoundDrawables(); for (Drawable drawable : drawables) { if (drawable instanceof Animatable) { ((Animatable) drawable).start(); } } }
獲取view之后利用getCompoundDrawables得到圖片,用if判斷是否為實(shí)現(xiàn)類Animatable的drawable,如下,雖然shape和selector也能用,但是只有animation的if (drawable instanceof Animatable) 才為true。
運(yùn)行效果:
不過(guò),有的同學(xué)會(huì)提問(wèn):這再怎么看和TextView動(dòng)畫也沒(méi)關(guān)系啊,確實(shí)。這只是簡(jiǎn)單提了提,因?yàn)檫@方面有相關(guān)的三方庫(kù)方便使用,所以詳情看前輩的項(xiàng)目即可。感謝開(kāi)源精神!
??圖文混排
Android官方對(duì)TextView的圖文混排提供了支持,只需要用HTML語(yǔ)言即可,實(shí)現(xiàn)的效果很豐富。
private String testHtml = "<font color=\"#f0717e\">人</font>只要活得夠<big>久</big></font>,就總能<big>遇上</big>被自己<font color=\"#f0717e\">蠢</font>到的那一天"; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_test); testTextAnim = (TextView) findViewById(R.id.test_text_anim); testTextAnim.setText(Html.fromHtml(testHtml, Html.FROM_HTML_MODE_COMPACT)); }
運(yùn)行效果:
上面是使用的html標(biāo)簽來(lái)實(shí)現(xiàn)的形式,其實(shí)還有一個(gè)就是利用SpannableString
testTextSpan1 = (TextView) findViewById(R.id.test_text_span1); testTextSpan2 = (TextView) findViewById(R.id.test_text_span2); SpannableString spannableString = new SpannableString("千重要,萬(wàn)重要,一技之長(zhǎng)最重要"); spannableString.setSpan(new ForegroundColorSpan(Color.parseColor("#FF0000")), 2, spannableString.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); spannableString.setSpan(new BackgroundColorSpan(Color.parseColor("#00ff00")), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); testTextSpan1.setText(spannableString); Spannable sp = new SpannableString("啊,這該死的高級(jí)感"); sp.setSpan(new AbsoluteSizeSpan(20, true), 0, 2, Spannable.SPAN_INCLUSIVE_INCLUSIVE); sp.setSpan(new AbsoluteSizeSpan(12, true), 2, 3, Spannable.SPAN_INCLUSIVE_INCLUSIVE); sp.setSpan(new AbsoluteSizeSpan(30, true), 3, sp.length(), Spannable.SPAN_INCLUSIVE_INCLUSIVE); sp.setSpan(new ForegroundColorSpan(Color.parseColor("#0000ff")), 2, sp.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); testTextSpan2.setText(sp);
利用SpannableString包裹住字符串,里面有四個(gè)參數(shù)。
- 參數(shù)1 可以是AbsoluteSizeSpan設(shè)置字體大小,也可以是ForegroundColorSpan設(shè)置字體顏色,還可以是BackgroundColorSpan設(shè)置文字背景顏色。
- 參數(shù)2 想要修改字符串中起始index(start),
- 參數(shù)3 是想要修改字符串中的結(jié)束index(end)。
- 參數(shù)4 對(duì)參數(shù)2和參數(shù)3的補(bǔ)充,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE — 不包含兩端start和end所在的端點(diǎn)
Spanned.SPAN_EXCLUSIVE_INCLUSIVE — 不包含端start,但包含end所在的端點(diǎn)
Spanned.SPAN_INCLUSIVE_EXCLUSIVE — 包含兩端start,但不包含end所在的端點(diǎn)
Spanned.SPAN_INCLUSIVE_INCLUSIVE— 包含兩端start和end所在的端點(diǎn)
AbsoluteSizeSpan有兩個(gè)參數(shù),參數(shù)1代表size大小,true代表是android的sp單位,false則是像素單位,建議用true。
??開(kāi)源項(xiàng)目
SuperTextView:一個(gè)很強(qiáng)大的控件元素,靈動(dòng)多變,為你提供豐富多彩的功能,炫目效果即刻而至。
以上就是Android開(kāi)發(fā)手冊(cè)TextView屬性實(shí)現(xiàn)效果盤點(diǎn)的詳細(xì)內(nèi)容,更多關(guān)于Android開(kāi)發(fā)TextView屬性的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Android仿美團(tuán)下拉菜單(商品選購(gòu))實(shí)例代碼
這篇文章主要介紹了Android仿美團(tuán)下拉菜單(商品選購(gòu))實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-03-03Android TextView 去掉自適應(yīng)默認(rèn)的fontpadding的實(shí)現(xiàn)方法
這篇文章主要介紹了Android TextView 去掉自適應(yīng)默認(rèn)的fontpadding的實(shí)現(xiàn)方法的相關(guān)資料,希望通過(guò)本文大家能夠掌握這部分內(nèi)容,需要的朋友可以參考下2017-09-09Android使用RecyclerView實(shí)現(xiàn)投票系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了Android使用RecyclerView實(shí)現(xiàn)投票系統(tǒng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11Android中自定義ImageView添加文字說(shuō)明詳解
Android中的ImageView只能顯示矩形的圖片,為了用戶體驗(yàn)更多,下面這篇文章主要給大家介紹了關(guān)于Android中自定義ImageView實(shí)現(xiàn)添加文字說(shuō)明的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-08-08MVVMLight項(xiàng)目之雙向數(shù)據(jù)綁定
這篇文章主要介紹了MVVMLight項(xiàng)目中雙向數(shù)據(jù)綁定的示例源碼及實(shí)現(xiàn)過(guò)程,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步除夕快樂(lè),新年快樂(lè)2022-01-01Android中關(guān)于相對(duì)布局RelativeLayout的技巧匯總
RelativeLayout是相對(duì)布局控件,以控件之間相對(duì)位置或相對(duì)父容器位置進(jìn)行排列。下面這篇文章主要給大家介紹了關(guān)于Android中相對(duì)布局RelativeLayout的一些技巧,需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-02-02Android新特性ConstraintLayout完全解析
這篇文章主要為大家詳細(xì)介紹了Android新特性ConstraintLayout ,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10