android中的按钮，图形按钮，带文字的图片按钮

最新推荐文章于 2025-12-01 13:49:36 发布

转载最新推荐文章于 2025-12-01 13:49:36 发布 · 96 阅读

文章标签：

#移动开发

本文介绍了一种使用Android的TableLayout实现按钮状态切换的方法。通过设置不同状态下的按钮样式，包括默认状态和按下状态，实现了按钮外观的变化。文章提供了具体的XML布局代码及button_selector配置示例。

先来看看效果图吧：

效果就是这么简单，其中第一行的2个算是默认的吧，第二行的2个按钮当鼠标点击的时候图片发送变化。

其中main.xml大致代码如下：

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/red"
            android:text="默认按钮" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#000000"
            android:src="@drawable/blue" />
    </TableRow>

    <TableRow
        android:id="@+id/tableRow2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/button_selector"
            android:text="带图片文字的按钮" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#000000"
            android:src="@drawable/button_selector" />
    </TableRow>

</TableLayout>

　　其中button_selector.xml文件代码如下：

1 <?xml version="1.0" encoding="UTF-8"?>
2 
3 <selector xmlns:android="http://schemas.android.com/apk/res/android">
4 
5     <item android:drawable="@drawable/red" android:state_pressed="true"></item>
6     <item android:drawable="@drawable/purple" android:state_pressed="false"></item>
7 
8 </selector>