文章目錄

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

一、Tint 著色器簡介

---

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

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

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

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

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

<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 屬性 , 為其設(shè)置一個顏色值屬性值即可 ;

布局文件示例 :

<?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>

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

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

---

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

// 獲取圖片var drawable: Drawable = resources.getDrawable(R.drawable.ic_plane)// 設(shè)置圖片為綠色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)// 設(shè)置圖片為綠色DrawableCompat.setTint(drawable, Color.GREEN)// 設(shè)置綠色圖片findViewById<ImageView>(R.id.first_image).setImageDrawable(drawable)} }

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

四、參考資料

---

博客資源 :

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。