scaleType-模拟按钮加文字整天点击效果

经常碰到这种情况，就是一个按钮下面有文字，我们点击按钮的时候，按钮跟文字的背景都是同时变化的。我们看下下面的效果



点击以后如下



如果想要实现这个方法，网上有很多的方法，主要就是自定义控件，或者是使用textview本身提供的增加drawable方法。这里主要是使用一个偷懒的方法。使用ImageButton 跟 TextView 一起实现。虽然方法很笨，灵活性很差。但至少能实现效果。如下

<RelativeLayout
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_gravity="center" >

<ImageButton
android:id="@+id/ig"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/ic_launcher"
android:scaleType="matrix"
android:paddingLeft="80dp"
android:background="@drawable/select" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:text="aaaaaaa"
android:textColor="#ffffff"
android:layout_marginBottom="10dp"
android:textSize="30sp" />
</RelativeLayout>

其中主要就是

android:scaleType="matrix"

的方法

它可以把图片放到控件ImageButton的左上角。然后我们使用padding来调整图片的作用位置。就可实现imageButton 点击区域充满整个父容器了