Android ImageButton 点击变按钮图片

Posted 2020-11-27 葡萄籽pp

android ImageButton 点击变换图片

使用的图片类型为 png （当然，这不重要），图片大小和 ImageButton 大小不同

效果：

 1. 准备两张在 ImageButton 中显示的图片，将其放入 drawable 或其他。

2. 放置 ImageButton 的 xml 文件

        <ImageButton
            android:id="@+id/id_tab_wechat_img"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:padding="5dp"

            android:src="@drawable/ic_wechat_normal"
            android:scaleType="centerInside"
            android:background="@android:color/transparent"/>

        <TextView
            android:id="@+id/id_tab_wechat_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Wechat"
            android:textSize="15dp"
            android:layout_marginBottom="10dp"
            android:layout_gravity="center"/>

　　src 放置图片资源。

　　scaleType 作用于 src ，centerInside 表示根据 ImageButton 进行伸缩

　　background 设置背景为透明

3. 在 Activity 中

// 获得控件实例
ImageButton mImgWechat = (ImageButton)findViewById(R.id.id_tab_wechat_img);
// 设置监听
 mImgWechat.setOnClickListener(onClickListener);
View.OnClickListener onClickListener = new View.OnClickListener() {
    @Override
     public void onClick(View view) {
        mImgWechat.setImageResource(R.drawable.ic_wechat_press);
    }
}