文章目錄

• 一、Tint 著色器簡介
• 二、布局文件中的 Tint 著色器基本用法
• 三、代碼中使用 Tint 著色器添加顏色效果
• 四、參考資料

一、Tint 著色器簡介

---

Tint 著色器的作用是是 可以使圖片變色 , 使用該機制可以顯示不同顏色的圖片 ;

給定一個白色圖標圖片 , 如果要顯示不同顏色的圖片 , 可以直接在 ImageView 中設置 android:tint 或 app:tint 屬性 , 設置一個顏色值 , 即可將該圖片顯示為指定顏色的圖片 ;

這樣一張圖片 , 可以顯示多種不同顏色的效果 , 從而減少了 APK 打包的圖片數量 , 減少了 APK 安裝包的大小 ;

該 tint 著色器效果是將非透明的像素點 , 渲染成指定的顏色 ;

用法示例 : 布局文件中 , 在 ImageView 標簽中添加屬性 app:tint="@color/purple_700" , 即可為其設置一個渲染顏色 ;

<ImageViewandroid:layout_width="100dip"android:layout_height="100dip"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent"app:layout_constraintVertical_bias="0.5"app:tint="@color/purple_700"app:srcCompat="@drawable/ic_plane"/>

二、布局文件中的 Tint 著色器基本用法

---

Tint 基本用法就是在 ImageView 組件中添加 app:tint 屬性 , 為其設置一個顏色值屬性值即可 ;

布局文件示例 :

<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><ImageViewandroid:layout_width="100dip"android:layout_height="100dip"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent"app:layout_constraintVertical_bias="0"app:srcCompat="@drawable/ic_plane"/><ImageViewandroid:layout_width="100dip"android:layout_height="100dip"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent"app:layout_constraintVertical_bias="0.5"app:tint="@color/purple_700"app:srcCompat="@drawable/ic_plane"/><ImageViewandroid:layout_width="100dip"android:layout_height="100dip"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent"app:layout_constraintVertical_bias="1.0"app:tint="@color/teal_700"app:srcCompat="@drawable/ic_plane"/></androidx.constraintlayout.widget.ConstraintLayout>

運行效果展示 : 第一張圖片是圖片本身顏色 , 后面兩張圖片 , 分別設置了 Tint 顏色值 ;

三、代碼中使用 Tint 著色器添加顏色效果

---

在代碼中 , 通過調用 androidx.core.graphics.drawable.DrawableCompat 類的 setTint 靜態方法 , 為 Drawable 類型的圖片設置一個顏色值 , 首先要獲取 Drawable 圖片 , 然后通過 DrawableCompat 為其設置 Tint 著色效果 ;

// 獲取圖片var drawable: Drawable = resources.getDrawable(R.drawable.ic_plane)// 設置圖片為綠色DrawableCompat.setTint(drawable, Color.GREEN)

代碼示例 :

package kim.hsl.svgimport android.graphics.Color import android.graphics.drawable.Drawable import android.os.Bundle import android.widget.ImageView import androidx.appcompat.app.AppCompatActivity import androidx.core.graphics.drawable.DrawableCompatclass MainActivity : AppCompatActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_main)// 獲取圖片var drawable: Drawable = resources.getDrawable(R.drawable.ic_plane)// 設置圖片為綠色DrawableCompat.setTint(drawable, Color.GREEN)// 設置綠色圖片findViewById<ImageView>(R.id.first_image).setImageDrawable(drawable)} }

運行效果 : 第一張圖片設置成了 綠色 ;

四、參考資料

---

博客資源 :

• GitHub 項目源碼 : https://github.com/han1202012/SVG

• 下載地址 : https://download.csdn.net/download/han1202012/18560112

總結

以上是生活随笔為你收集整理的【Android 安装包优化】Tint 着色器 ( 简介 | 布局文件中的 Tint 着色器基本用法 | 代码中使用 Tint 着色器添加颜色效果 )的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。