Android更改imagebutton为纯色方法

 

我的imagebutton所用的背景png图片是灰色的，但是我想让他显示出来是白色的按钮，如果用ps去一个个填充不太现实，那有没有什么办法去通过xml里的属性改变背景颜色呢？

一开始我用了网上的方法

    <ImageButton
        android:tint="#fff"
        android:layout_marginRight="20dp"
        android:layout_marginTop="0dp"
        android:id="@+id/message"
        android:layout_centerVertical="true"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:background="@color/transparent"
        android:src="@drawable/message"
        android:layout_toLeftOf="@id/account"/>

用了tint属性，设置为白色，再将背景设为透明。

可是出现了右二按钮的情况

然后我开始自己调试

 

 <ImageButton
        android:tint="#fff"
        android:layout_centerVertical="true"
        android:id="@+id/account"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_alignParentRight="true"
        android:layout_marginRight="5dp"
        android:background="@drawable/account"
        android:src="@drawable/account"
        
        />

我将background和src同时使用背景图片

如图最后一个按钮，我发现白色按钮是出现了，可是却不是我想要的，他被放大了。

后来我又使用了

android:scaleType="centerInside"

这个的作用是 将图片的内容完整居中显示，通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽

最后终于得到了我想要的结果

这样就大功告成了！

最后附上scaletype的用法

ImageView的属性android:scaleType，即 ImageView.setScaleType(ImageView.ScaleType)。

android:scaleType是控制图片如何 resized/moved来匹对ImageView的size。

ImageView.ScaleType / android:scaleType值的意义区别：

CENTER /center  按图片的原来size居中显示，当图片长/宽超过View的长/宽，则截取图片的居中部分显示 

CENTER_CROP / centerCrop  按比例扩大图片的size居中显示，使得图片长 (宽)等于或大于View的长(宽) 

CENTER_INSIDE / centerInside  将图片的内容完整居中显示，通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽

FIT_CENTER / fitCenter  把图片按比例扩大/缩小到View的宽度，居中显示 

FIT_END / fitEnd   把图片按比例扩大/缩小到View的宽度，显示在View的下部分位置 

FIT_START / fitStart  把图片按比例扩大/缩小到View的宽度，显示在View的上部分位置

FIT_XY / fitXY  把图片 不按比例 扩大/缩小到View的大小显示 

MATRIX / matrix 用矩阵来绘制