ImageView之android:tint=" "属性方法作用详解

目    录(本篇字数:694)

介绍

案例代码

属性方法介绍

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

   android:tintMode="src_in"

应用场景


  • 介绍

    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 属性方法实现更丰富的图片效果。这里我们也不是特别经常用这个属性方法,有兴趣的可以自己试一下看看它的具体效果。

  • 效果图

  • 应用场景

   为什么要写这篇文章呢?

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

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

@作者博客:_Xu2WeI

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

posted @ 2018-07-26 17:46  爱写Bug的程序猿  阅读(8012)  评论(0编辑  收藏  举报