Android開發(fā)手冊TextView屬性實現(xiàn)效果盤點
前言
前面小空帶大家了解了TextView的屬性,實踐了一些自定義粗細,陰影效果,鏈接形文字。
但這還僅僅局限在用她本身的能力來實現(xiàn)的,那么她還能有什么花樣呢?
我們先提出三個問題:
- 例如有些時鐘的顯示,那如何讓文本帶有動畫效果?
- 例如如何讓一個文本支持多種顏色和大?。?/li>
- 那有沒有統(tǒng)一快捷的方案?
我們帶著疑問來看解決方案,大佬直接看最后開源項目。
??實踐過程
??如何實現(xiàn)drawable的動畫?
我們用幀動畫舉例,準備一個序列幀動畫,放到drawable-xxhdpi下,在drawable文件夾下創(chuàng)建個動畫xml(Android動畫是個不小的知識點,后面我們學(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="接著奏樂,接著舞" />
之后在代碼中執(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判斷是否為實現(xiàn)類Animatable的drawable,如下,雖然shape和selector也能用,但是只有animation的if (drawable instanceof Animatable) 才為true。
運行效果:
不過,有的同學(xué)會提問:這再怎么看和TextView動畫也沒關(guān)系啊,確實。這只是簡單提了提,因為這方面有相關(guān)的三方庫方便使用,所以詳情看前輩的項目即可。感謝開源精神!
??圖文混排
Android官方對TextView的圖文混排提供了支持,只需要用HTML語言即可,實現(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)); }
運行效果:
上面是使用的html標簽來實現(xiàn)的形式,其實還有一個就是利用SpannableString
testTextSpan1 = (TextView) findViewById(R.id.test_text_span1); testTextSpan2 = (TextView) findViewById(R.id.test_text_span2); SpannableString spannableString = new SpannableString("千重要,萬重要,一技之長最重要"); 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("啊,這該死的高級感"); 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包裹住字符串,里面有四個參數(shù)。
- 參數(shù)1 可以是AbsoluteSizeSpan設(shè)置字體大小,也可以是ForegroundColorSpan設(shè)置字體顏色,還可以是BackgroundColorSpan設(shè)置文字背景顏色。
- 參數(shù)2 想要修改字符串中起始index(start),
- 參數(shù)3 是想要修改字符串中的結(jié)束index(end)。
- 參數(shù)4 對參數(shù)2和參數(shù)3的補充,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE — 不包含兩端start和end所在的端點
Spanned.SPAN_EXCLUSIVE_INCLUSIVE — 不包含端start,但包含end所在的端點
Spanned.SPAN_INCLUSIVE_EXCLUSIVE — 包含兩端start,但不包含end所在的端點
Spanned.SPAN_INCLUSIVE_INCLUSIVE— 包含兩端start和end所在的端點
AbsoluteSizeSpan有兩個參數(shù),參數(shù)1代表size大小,true代表是android的sp單位,false則是像素單位,建議用true。
??開源項目
SuperTextView:一個很強大的控件元素,靈動多變,為你提供豐富多彩的功能,炫目效果即刻而至。
以上就是Android開發(fā)手冊TextView屬性實現(xiàn)效果盤點的詳細內(nèi)容,更多關(guān)于Android開發(fā)TextView屬性的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Android TextView 去掉自適應(yīng)默認的fontpadding的實現(xiàn)方法
這篇文章主要介紹了Android TextView 去掉自適應(yīng)默認的fontpadding的實現(xiàn)方法的相關(guān)資料,希望通過本文大家能夠掌握這部分內(nèi)容,需要的朋友可以參考下2017-09-09Android使用RecyclerView實現(xiàn)投票系統(tǒng)
這篇文章主要為大家詳細介紹了Android使用RecyclerView實現(xiàn)投票系統(tǒng),文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-11-11Android中關(guān)于相對布局RelativeLayout的技巧匯總
RelativeLayout是相對布局控件,以控件之間相對位置或相對父容器位置進行排列。下面這篇文章主要給大家介紹了關(guān)于Android中相對布局RelativeLayout的一些技巧,需要的朋友可以參考借鑒,下面來一起看看吧。2017-02-02Android新特性ConstraintLayout完全解析
這篇文章主要為大家詳細介紹了Android新特性ConstraintLayout ,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-10-10