欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ImageView的android:tint属性方法作用详解

程序员文章站 2022-06-04 16:16:32
...

【博主声明】欢迎审阅,未经许可,请勿转载,谢谢!

· 背景

ImageView,它是一个对于我们Android初学者来说最先接触与学习的控件之一。虽说它的使用方法很简单。但是这篇文章可能会讲到你之前可能没使用过的一些属性方法,但它却特别方便实用。ImageView基本使用方式(没什么好介绍的,也不是本文重点)。

下面,我们通过一个小案例来展现今天要介绍的内容,下面代码片段是ImageView的基本使用方式了,但是请注意看它的一些属性方法。

· 案例代码

            <!--默认颜色-->
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginTop="16dp"
                android:src="@drawable/img_sun" />
            <!--图片着色成白色-->
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginTop="16dp"
                android:src="@drawable/img_sun"
                android:tint="@android:color/white" />
            <!--图片着色成黑色-->
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginTop="16dp"
                android:src="@drawable/img_sun"
                android:tint="@android:color/black" />

· 属性方法介绍

注意:android:tint="@android:color/white"     

   tint :给...着色的意思。顾名思义,这个属性方法是对图片进行着色用的。有了这个方法,我们可以任意修改图片的颜色来适应主题颜色了,这样真的特别的方便,不需要搞那么多套图片资源。(图片单一透明的比较适用,例如:Icon图标)

当然,它的属性方法并不限于此,还有一个配合它的属性方法:android:tintMode="src_in"

    顾名思义,此属性方法就是设置着色模式用的。这个模式共有6种,分别为:multiply、screen、src_in(默认)、src_over、src_atop、add;

    这六种各有各的用处,可以配合android:tint 属性方法实现更丰富的图片效果。这里我们也不是特别经常用这个属性方法,有兴趣的可以自己试一下看看它的具体效果。

· 效果图

ImageView的android:tint属性方法作用详解

· 补充

为什么要写这篇文章呢?

    之前,在开发一个天气app的时候,作为安卓菜鸟的我还不懂有这个属性方法。全部天气icon估计也得百十来张,那时候因为要用png的格式(透明的),换一个app主题色,icon就丑到哭,显得格格不入。没办法,我就打开photoshop一张一张的修改颜色。现在想想也是愚蠢,明明一个属性的事情,希望能给初学者一个提醒(闲暇时多看看csdn文章也是有好处的)。

©原文链接:https://blog.csdn.net/smile_running/article/details/81223260

@作者博客:_Xu2WeI

@更多博文:查看作者的更多博文

相关标签: ImageView