Android ImageButton使用详解（系列教程四）

女爷i 2024-04-01 14:14 22阅读 0赞

**目录**

一、ImageButton简介

二、ImageButton的基本使用

三、ImageButton事件处理

四、ImageButton不同状态样式

--------------------

#### 一、ImageButton简介 ####

ImageButton也是一个按钮，但与Button不同的是，Button显示的是文字，ImageButton显示的是图片，ImageButton集成自ImageView，拥有ImageView的所有属性，ImageView的详细讲解可以看我的这篇文章：[Android ImageView使用详解][Android ImageView]

#### 二、ImageButton的基本使用 ####

我们一般在布局文件中直接创建ImageButton控件，调整好布局，也可以在代码中通过New的方式创建ImageButton，如非必要，一般不推荐。

下面的代码，在布局文件中创建了一个按钮，并且设置了图片按钮的src属性，引用了图片按钮上要展示的drawable资源。并为图片按钮设置了一个唯一的ID 'btnImage'，此ID会在代码中获取按钮的时候使用到。ID的命名方式一般使用驼峰方式，并以控件类型作为前缀，此处为ImageButton，所以ID以btn做为了前缀。此种方式的好处是一眼就可看出控件的类型。

在Activity中使用ImageButton。

public class MainActivity04 extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main_04);
    
            //根据ID获取到图片按钮对象
            ImageButton btnImage = findViewById(R.id.btnImage);
    
            //为图片按钮设置点击事件
            btnImage.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    System.out.println("我点击了图片按钮。");
                }
            });
            
            //为图片按钮设置长按事件
            btnImage.setOnLongClickListener(new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View view) {
                    System.out.println("我长按了图片按钮。");
                    return false;
                }
            });
            
            //为图片按钮设置触摸事件
            btnImage.setOnTouchListener(new View.OnTouchListener() {
                @Override
                public boolean onTouch(View view, MotionEvent motionEvent) {
                    System.out.println("我touch了图片按钮。");
    
                    int action = motionEvent.getAction();
                    if(action == MotionEvent.ACTION_UP) {
                        System.out.println("我按下了图片按钮。");
                    }
                    else if(action == MotionEvent.ACTION_DOWN) {
                        System.out.println("我松开了图片按钮。");
                    }
                    else if(action == MotionEvent.ACTION_MOVE) {
                        System.out.println("我按下并移动了图片按钮。");
                    }
                    return false;
                }
            });
        }
    }

#### 三、ImageButton事件处理 ####

ImageButton和Button拥有同样的事件处理机制，事件处理可以查看我的这篇文章：[Android Button的使用详解][Android Button]

#### 四、ImageButton不同状态样式 ####

通常情况下，我们需要根据按钮的不同状态改变按钮不同的样式，比如：按钮默认样式、按压时的样式、以及按钮选中时的样式等等。图片按钮也可以设置在不同状态下的不同图片展示。

我们只需要在图片按钮的app:srcCompat属性中引入一个设置样式的drawable资源，图片按钮的不同状态就写在drawable资源中。

<?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        
        <item android:state_window_focused="false" android:drawable="@drawable/winter">
        </item>
    
        
        <item android:state_pressed="true" android:drawable="@drawable/winter_pressed">
        </item>
    
        
        <item android:state_selected="true" android:drawable="@drawable/winter_selected">
        </item>
    </selector>

需要注意的是：按钮默认状态和按下状态，系统会帮我们自己去判断，但选中状态，系统并不知道什么时候是选中，因此，若想设置成选中状态，需要手动调用按钮的setSeclect()函数。

原创不易，点个赞再走呗。。

![6beac086594346059b748cfa8947d911.jpeg][]

[Android ImageView]: https://blog.csdn.net/qq_34215018/article/details/127650822
[Android Button]: https://blog.csdn.net/qq_34215018/article/details/127595484
[6beac086594346059b748cfa8947d911.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/b086c1232a98446f8159399e2c849191.jpeg