前言
Material Design 是由 Google 提出的一种全新的设计语言，用于创建美观、直观、有层次感的移动端和 web 端设计。其中 ImageButton 是 Material Design 中常用的一个组件，本文将详细介绍 ImageButton 的使用。
ImageButton 简介
ImageButton 是一种带有图片的按钮，它可以通过添加图片来丰富用户界面的视觉效果。ImageButton 可以与其他组件 —— 比如 TextView，EditText，等等 —— 配合使用，以实现功能较为复杂的 UI 元素。
ImageButton 的主要特点是：1）图像表现力强，2）按钮响应速度快； 缺点是兼容性差，而且在不同屏幕上显示的效果也是不同的。
ImageButton 的使用
布局属性
ImageButton 的布局属性与 Button 相同，有以下的属性：
android:src: 用于指定 ImageButton 显示的图片；android:background: 用于指定 ImageButton 的背景，这个背景可以是一个 drawable 对象，也可以是一个颜色值；android:onClick: 当用户点击 ImageButton 时会调用这个属性设定的方法。
除此以外，还可以使用其他属性：
android:padding: 按钮内边距，如果设置了这个属性，ImageButton 的大小将变成内边距和图片大小的和；android:scaleType: 用于设置图片在 ImageButton 中显示的方式；android:tint: 当 ImageButton 的图像是一个 Charge 时，可以使用 tint 属性为 Charge 添加颜色。
一个简单的 ImageButton 的布局代码如下：
------------
---------------------------------
---------------------------------------
-----------------------------------
------------------------------------ --Java 代码
通常情况下，我们需要在 Java 代码中为 ImageButton 设置监听器，以响应用户的点击事件。我们可以使用 setOnClickListener() 方法为 ImageButton 设置监听器。下面是一段简单的代码示例：
----------- ------------- - ------------- -----------------------------------
------------------------------------ ---------------------- -
---------
------ ---- ------------ -- -
-- -----
-
---上述代码中，我们使用 findViewById() 方法获取了 ImageButton 的实例，然后使用 setOnClickListener() 方法为 ImageButton 设置监听器。在点击事件中，可以根据需要对数据进行处理。
示例代码
下面是一个使用 ImageButton 的完整的代码示例，该示例是一个简单的联系人列表，点击头像可以查看联系人详细信息。
布局文件 activity_main.xml：
-------------
----------------------------------------------------------
-----------------------------------
-------------------------------------
---------
-----------------------------
-----------------------------------
------------------------------------ --
---------------布局文件 item_contact.xml：
-------------
----------------------------------------------------------
-----------------------------------
-------------------------------------
------------
----------------------------
-----------------------------------------
---------------------------
----------------------------
---------------------------
------------------------------------------ --
-------------
-----------------------------------
------------------------------------
-------------------------------
---------
-------------------------
-----------------
-----------------------
------------------------
-----------------------------------
------------------------------------
------------------------------- --
---------
--------------------------
-----------------
-----------------------
-----------------------------------
------------------------------------ --
---------------
---------------Java 代码 MainActivity.java：
------ ----- ------------ ------- ----------------- -
------- -------- -----------
------- ------------- ---------
---------
--------- ---- --------------- ------------------- -
-----------------------------------
---------------------------------------
-- --------
-----------
-- --- --------
---------------
-
------- ---- ---------- -
-------- - --- --------------
---------------- ------------- -------------- ---------------------
---------------- ------------- -------------- ---------------------
---------------- ------------- -------------- ---------------------
---------------- ------------- -------------- ---------------------
-
------- ---- -------------- -
---------- - ---------- -------------------------------
------------------------- -------------
------------------------------------- --------------------------------- -
---------
------ ---- -------------------------- ------- ---- ----- --- --------- ---- --- -
-- -------------
------------------------------------------
-
---
-
------- ---- ------------------------- -------- -
-------------------- ----------------- - - - - ------------------- ---------------------------
-
------- ----- --------- ------- ----------- -
---------
------ --- ---------- -
------ ----------------
-
---------
------ ------ ----------- --------- -
------ -----------------------
-
---------
------ ---- ------------- --------- -
------ ---------
-
---------
------ ---- ----------- --------- ---- ------------ --------- ------- -
---- ---- - ------------
-- ----- -- ----- -
---- - -------------------------------------------------- ------
-
--------- --------- - ----------- -----------------------------------
-------- ------ - ---------- --------------------------------
-------- ------- - ---------- ---------------------------------
------- ------- - -----------------------
------------------------------------------------
----------------------------------
------------------------------------
------ -----
-
-
------- ----- ------- -
------- ------ -----
------- ------ ------
------- --- -------
------ -------------- ----- ------ ------ --- ------- -
--------- - -----
---------- - ------
----------- - -------
-
------ ------ --------- -
------ -----
-
------ ------ ---------- -
------ ------
-
------ --- ----------- -
------ -------
-
-
-结论
ImageButton 是 Material Design 中经常使用的一个组件，可以用来为用户提供更加丰富的视觉体验，具有图像表现力强和响应速度快等特点。在使用 ImageButton 时，需要注意兼容性和在不同屏幕上显示的效果。本文通过一个简单的代码示例，介绍了 ImageButton 在 Android Studio 中的使用方法，希望能对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/670e3c705f551281026037fa