一、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 着色器添加颜色效果 )相关推荐

【Android 安装包优化】开启资源压缩 ( 资源压缩配置 | 启用严格模式的资源引用检查 | 自定义保留/移除资源配置 | 资源压缩效果 )
文章目录一.开启资源压缩二.启用严格模式的资源引用检查三.自定义保留/移除资源配置四.资源压缩效果五.完整配置 1.keep.xml 配置 2.build.gradle 构建脚本六.参考资 ...
【Android 安装包优化】资源混淆 ( resources.arsc 资源映射表混淆 | resources.arsc 资源映射表二进制格式分析 | 混淆全局字符串池和资源名称字符串池 )
文章目录一.resources.arsc 资源映射表混淆二.resources.arsc 资源映射表二进制格式分析三.参考资料资源混淆时 , 需要修改混淆 resources.arsc 资源 ...
【Android 安装包优化】资源混淆 ( resources.arsc 资源映射表文件格式 | 头文件数据格式 | 全局字符串池数据格式 | 包数据数据格式 | 包头数据格式 )
文章目录一.resources.arsc 资源映射表文件格式二.头文件数据格式三.全局字符串池数据格式四.包数据数据格式 1.包头数据格式 2.资源类型字符串池数据格式 3.资源名称 ...
【Android 安装包优化】Android 中使用 SVG 图片 ( Android 5.0 以下的矢量图方案 | 矢量图生成为 PNG 图片 )
文章目录一.Android 5.0 以下的矢量图方案二.矢量图生成为 PNG 图片三.完整的 build.gradle 构建脚本四.编译效果五.参考资料一.Android 5.0 以下的矢 ...
【Android 安装包优化】WebP 图片格式性能测试 ( 测试 WebP 图片解码速度 | 测试 WebP 图片编码速度 )
文章目录一.测试 WebP 图片解码速度二.测试 WebP 图片编码速度三.参考资料测试结果 : WebP 格式图片 , 解码快 , 编码慢 , 占用空间小 ; 在解码速度上 , WebP 格 ...
【Android 安装包优化】资源混淆 ( AAPT2 资源编译工具 | resources.arsc 资源映射表工作机制 )
文章目录一.AAPT2 资源编译工具二.resources.arsc 资源映射表工作机制三.参考资料一.AAPT2 资源编译工具资源的编译 , 生成 R.java 文件 , 都是通过 AA ...
【Android 安装包优化】使用 lib7zr.a 静态库处理压缩文件 ( 交叉编译 lib7zr.a 静态库 | 安卓工程导入静态库 | 配置 CMakeLists.txt 构建脚本 )
文章目录一.修改 7zr 交叉编译脚本 Android.mk 二.完整的 7zr 交叉编译脚本 Android.mk 三.交叉编译 lib7zr.a 静态库四.Android Studio 导入 ...
【Android 安装包优化】使用 lib7zr.so 动态库处理压缩文件 ( jni 中 main 函数声明 | 命令行处理 | jni 调用 lib7zr.so 函数库处理压缩文件完整代码 )
文章目录一.JNI 中 main 函数声明二.命令字符串切割并传入 main 函数三.完整代码示例 1.完整 jni 代码 2.完整 java 代码 3.执行结果四.参考资料前置博客 : [ ...
【Android 安装包优化】使用 lib7zr.so 动态库处理压缩文件 ( 测试 lib7zr.so 动态库调用 )
文章目录一.拷贝 p7zip 源码中的头文件到 Android Studio 项目中二.完整代码示例 1.Java 层代码 2.JNI 层代码 3.日志头文件 4.执行结果四.参考资料前置博客 ...
【Android 安装包优化】使用 lib7zr.so 动态库处理压缩文件 ( 拷贝 lib7zr.so 动态库头文件到 Android 工程中 | 配置 CMakeLists.txt 构建脚本 )
文章目录一.拷贝 p7zip 源码中的头文件到 Android Studio 项目中二.配置 CMakeLists.txt 构建脚本 1.导入动态库 2.导入头文件三.完整 CMakeLists ...

【Android 安装包优化】Tint 着色器 ( 简介 | 布局文件中的 Tint 着色器基本用法 | 代码中使用 Tint 着色器添加颜色效果 )

文章目录

一、Tint 着色器简介

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

三、代码中使用 Tint 着色器添加颜色效果

四、参考资料

【Android 安装包优化】Tint 着色器 ( 简介 | 布局文件中的 Tint 着色器基本用法 | 代码中使用 Tint 着色器添加颜色效果 )相关推荐

最新文章

热门文章