Android開發(fā)手冊(cè)TextView屬性實(shí)現(xiàn)效果盤點(diǎn)

更新時(shí)間：2022年06月11日 09:29:08 作者：芝麻粒兒

這篇文章主要為大家介紹了Android開發(fā)手冊(cè)TextView屬性實(shí)現(xiàn)的效果盤點(diǎn)及使用示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

前言

前面小空帶大家了解了TextView的屬性，實(shí)踐了一些自定義粗細(xì)，陰影效果，鏈接形文字。

但這還僅僅局限在用她本身的能力來實(shí)現(xiàn)的，那么她還能有什么花樣呢？

我們先提出三個(gè)問題：

例如有些時(shí)鐘的顯示，那如何讓文本帶有動(dòng)畫效果？
例如如何讓一個(gè)文本支持多種顏色和大?。?/li>
那有沒有統(tǒng)一快捷的方案？

我們帶著疑問來看解決方案，大佬直接看最后開源項(xiàng)目。

??實(shí)踐過程

??如何實(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="接著奏樂，接著舞" />

之后在代碼中執(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)行效果：

不過，有的同學(xué)會(huì)提問：這再怎么看和TextView動(dòng)畫也沒關(guān)系啊，確實(shí)。這只是簡單提了提，因?yàn)檫@方面有相關(guān)的三方庫方便使用，所以詳情看前輩的項(xiàng)目即可。感謝開源精神！

??圖文混排

Android官方對(duì)TextView的圖文混排提供了支持，只需要用HTML語言即可，實(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)簽來實(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("千重要，萬重要，一技之長最重要");
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。

??開源項(xiàng)目

SuperTextView：一個(gè)很強(qiáng)大的控件元素，靈動(dòng)多變，為你提供豐富多彩的功能，炫目效果即刻而至。

以上就是Android開發(fā)手冊(cè)TextView屬性實(shí)現(xiàn)效果盤點(diǎn)的詳細(xì)內(nèi)容，更多關(guān)于Android開發(fā)TextView屬性的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: