Android TextView漸變顏色和方向及動畫效果的設置詳解

Posted on by

GradientTextView

Github點我

一個非常好用的庫，使用kotlin實現，用於設置TexView的字體 漸變顏色、漸變方向 和 動畫效果

添加依賴

之前倉庫發佈在 jcenter，但是因為它即將不可用，近期已完成遷移。建議大傢使用 mavenCentral 的配置。

  • 使用 jcenter
implementation 'com.williamyang:gradienttext:1.0.1'
  • 使用 mavenCentral
buildscript {
    repositories {
        mavenCentral()
    }
}

implementation 'io.github.weilianyang:gradienttext:1.0.1'

效果預覽：

效果動圖

效果截圖

一、控件樣式

<declare-styleable name="GradientTextView">
    <attr name="gradient_startColor" format="reference|color" />
    <attr name="gradient_endColor" format="reference|color" />
    <attr name="gradient_direction" format="enum">
        <enum name="leftToRight" value="1" />
        <enum name="topToBottom" value="2" />
    </attr>
    <attr name="gradient_animate" format="boolean" />
    <attr name="gradient_speed" format="enum">
        <enum name="slow" value="20" />
        <enum name="normal" value="10" />
        <enum name="fast" value="5" />
    </attr>
</declare-styleable>

二、屬性介紹

屬性 可選值 作用
gradient_startColor 值在color.xml中定義 漸變顏色的起始值(默認值：#6200EE)
gradient_endColor 值在color.xml中定義 漸變顏色的結束值(默認值：#03DAC5)
gradient_direction leftToRight：從左向右，topToBottom：從上向下 漸變顏色的方向(默認值：leftToRight)
gradient_animate true or false 漸變顏色的動畫開關(默認值：false)
gradient_speed slow、normal、fast 漸變顏色的動畫速度(默認值：normal)

三、控件在佈局中使用

<com.william.gradient.GradientTextView
    android:id="@+id/gradientTextView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:text="@string/leftToRight_GradientTextView"
    android:textSize="24sp"
    app:gradient_animate="true"
    app:gradient_direction="leftToRight"
    app:gradient_speed="normal" />

四、在代碼中控制動畫開關

gradientTextView.apply {
    translateAnimate = !translateAnimate
    invalidate()
}

到此這篇關於Android TextView漸變顏色和方向及動畫效果的設置詳解的文章就介紹到這瞭,更多相關Android TextView內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：