Android 自定义按钮

最新推荐文章于 2025-05-16 12:52:52 发布

原创最新推荐文章于 2025-05-16 12:52:52 发布 · 349 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Android #自定义控件

软件专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何使用XML定义Android中按钮的不同状态样式，包括未选中、选中和禁用状态，并展示了如何将这些样式应用于实际的按钮组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.编写一个按键up的shape和一个按键down时的shape。（区别在于实体部分颜色不同）

1）Up的shape

<?xml version="1.0"encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <solid android:color="#00000000"/>

    <padding
            android:bottom="10dp"
            android:top="10dp"
            android:left="10dp"
            android:right="10dp"/>

    <corners
            android:bottomLeftRadius="10dp"
            android:bottomRightRadius="10dp"
            android:topLeftRadius="10dp"
            android:topRightRadius="10dp"/>

    <stroke
            android:width="@dimen/button_width"
            android:color="@color/button_font_blue"/>
</shape>

2）down时的shape

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="#5dcfe8" />

    <padding
        android:bottom="10dp"
        android:top="10dp"
        android:left="10dp"
        android:right="10dp"/>

    <corners
        android:bottomLeftRadius="10dp"
        android:bottomRightRadius="10dp"
        android:topLeftRadius="10dp"
        android:topRightRadius="10dp" />


    <stroke
        android:width="@dimen/button_width"
        android:color="@color/button_font_blue" />
</shape>

2.编写selector,transparent_button

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--enable一定要写在前面-->
    <item android:state_enabled="false" android:drawable="@drawable/transparent_button_down"/>
    <item android:state_pressed="false" android:drawable="@drawable/transparent_button_up"/>
    <item android:state_pressed="true" android:drawable="@drawable/transparent_button_down"/>
</selector>

3.在布局里面添加button,background引用transparent_button

<Button
    android:id="@+id/btRight"
    android:layout_width="@dimen/udp_button_height"
    android:layout_height="@dimen/udp_button_height"
    android:layout_alignBottom="@+id/btOk"
    android:layout_marginLeft="@dimen/udp_button_spacing"
    android:layout_toRightOf="@+id/btOk"
    android:textColor="@color/button_font_blue"
    android:text="→"
    android:background="@drawable/transparent_button"/>

效果图：