分享程序员开发的那些事...
更新时间：2021-11-26 18:34:52
文章目录
一、Tint 着色器简介
二、布局文件中的 Tint 着色器基本用法
三、代码中使用 Tint 着色器添加颜色效果
四、参考资料
一、Tint 着色器简介
Tint 着色器的作用是是 可以使图片变色 , 使用该机制可以显示不同颜色的图片 ;
给定一个白色图标图片 , 如果要显示不同颜色的图片 , 可以直接在 ImageView 中设置 android:tint 或 app:tint 属性 , 设置一个颜色值 , 即可将该图片显示为指定颜色的图片 ;
这样一张图片 , 可以显示多种不同颜色的效果 , 从而减少了 APK 打包的图片数量 , 减少了 APK 安装包的大小 ;
该 tint 着色器效果是将非透明的像素点 , 渲染成指定的颜色 ;
用法示例 : 布局文件中 , 在 ImageView 标签中添加属性 app:tint="@color/purple_700" , 即可为其设置一个渲染颜色 ;
<ImageView android: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.ConstraintLayout xmlns: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"> <ImageView android: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"/> <ImageView android: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"/> <ImageView android: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 颜色值 ;