Android 使用XML实现按钮改变焦点设置背景图

最新推荐文章于 2024-08-05 03:22:41 发布

原创最新推荐文章于 2024-08-05 03:22:41 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

android 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了如何在Android中使用XML创建一个可以根据焦点和点击状态改变背景图的按钮。步骤包括新建工程、准备不同状态的背景图片，然后在布局文件main.xml中添加按钮，并在drawable文件夹下创建一个selector XML，最后设置按钮的背景属性。

具体实现：

① 新建工程
② 准备png 背景图片defaultimage.png 、onfocusimage.png、clickimage.png

defaultimage.png onfocusimage.png clickimage.png

③ 在main.xml 布局中添加一个ImageButton 和一个Button(作对比)

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent" android:background="#FF25CCDD">
<ImageButton
android:id="@+id/image_Button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
<Button
android:text="Button01"
android:id="@+id/Button01"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
</LinearLayout>

④ 在drawable 文件夹中添加一个advancedbutton.xml 设置<selector>和<item>标签

advancedbutton.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:state_focused="true"
android:state_pressed="false"
android:drawable="@drawable/onfocusimage"
/>
<item
android:state_focused="true"
android:state_pressed="true"
android:drawable="@drawable/clickimage"
/>
<item
android:state_focused="false"
android:state_pressed="true"
android:drawable="@drawable/clickimage"
/>
<item android:drawable="@drawable/defaultimage"/>
</selector>

⑤ 设置ImageButton 的android:background 属性值

<ImageButton
android:id="@+id/image_Button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/advancedbutton"
/>

⑥ 结果