文章目录

• 一、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 着色器添加颜色效果 )的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。