码迷,mamicode.com
首页 > 移动开发 > 详细

Android ImageButton 点击变按钮图片

时间:2020-05-06 01:07:19      阅读:75      评论:0      收藏:0      [点我收藏+]

标签:hat   otto   图片   图片大小   klist   override   span   pad   点击   

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);
    }
}

 

Android ImageButton 点击变按钮图片

标签:hat   otto   图片   图片大小   klist   override   span   pad   点击   

原文地址:https://www.cnblogs.com/lyw-hunnu/p/12833860.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!