Drawable基础知识总结----drawable标签selector的使用

最新推荐文章于 2025-11-19 15:28:39 发布

原创最新推荐文章于 2025-11-19 15:28:39 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Drawable #selector #Android

Android之路专栏收录该内容

134 篇文章

订阅专栏

本文总结了Android中Drawable的基础知识，重点讲解了如何使用selector实现矩形和圆角按钮的点击变色效果。详细介绍了selector_drawable和selector_drawable_for_btn的布局代码，为Android开发中的UI交互提供参考。

根据图片从上到下，依次介绍其drawable布局代码！

1.矩形按钮，点击会变色

名为selector_drawable：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 获取焦点状态 -->
    <item android:state_focused="true"
        android:drawable="@color/colorBule"/>

    <!-- 按下状态 -->
    <item android:state_pressed="true"
        android:drawable="@color/colorPrimary"/>

    <!-- 默认状态下 -->
    <item android:drawable="@color/colorGray"/>
</selector>

2.圆角按钮，点击会变色

名为selector_drawable_for_btn：

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

    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <!-- solid内部填充的颜色-->
            <solid android:color="@color/colorGreen"/>
            <!-- stroke虚线 color虚线颜色  dashGap每段线的间隔宽度 dashWidth每段线的长度 width每段线的高度-->
            <stroke android:color="@color/colorPink"
                android:dashGap="15dp"
                android:dashWidth="30dp"
                android:width="5dp"/>
            <corners android:topRightRadius="0dp"
                android:topLeftRadius="60dp"
                android:bottomLeftRadius="90dp"
                android:bottomRightRadius="150dp" />
        </shape>
    </item>

    <item android:state_pressed="false">
        <shape android:shape="rectangle">
            <solid android:color="@color/colorGray"/>
            <corners android:radius="8dp"/>
        </shape>
    </item>

</selector>

3.整体使用

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

    <Button
        android:padding="25dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="selector_state"
        android:textColor="@color/colorWhite"
        android:background="@drawable/selector_drawable"/>

    <Button
        android:layout_marginTop="10dp"
        android:padding="25dp"
        android:text="selector_state"
        android:textColor="@color/colorWhite"
        android:background="@drawable/selector_drawable_for_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>