shape,selector,layer-list的基本使用

最新推荐文章于 2018-01-09 11:18:18 发布

静坐五老峰

最新推荐文章于 2018-01-09 11:18:18 发布

阅读量356

点赞数

CC 4.0 BY-SA版权

分类专栏： Android控件文章标签： shape selector layer-list 描一边按钮

本文链接：https://blog.csdn.net/xulike1990/article/details/56840836

Android控件专栏收录该内容

8 篇文章

订阅专栏

本文介绍了在Android开发中自定义UI元素的方法，包括使用shape绘制基本形状、利用selector实现按钮的状态变化效果，以及通过layer-list叠加不同的Drawable资源来丰富界面表现。

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

在日常开发过程中通常需要程序猿自己绘制一些按钮背景等，可以用这几个控件。

shape，顾名思义：形状。在res/drawable文件夹下定义xml文件（例如：my_shape.xml），使用的时候和一般的drawable一样使用。

xml文件内容如下：按需要编写

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 描边 -->
    <stroke
        android:width="2px"
        android:color="@color/btn_red" />
    <!-- 圆角 -->
    <!--<corners android:radius="3dp" />-->
    <!-- 填充-->
    <solid
        android:color="@color/bg_white"/>
</shape>

selector，有的时候按钮的背景，需要有按的效果，可以使用selector来实现。同样在res/drawable文件夹下定义xml文件（例如：my_select.xml），使用的时候和一般的drawable一样使用。

xml文件内容如下：按需要编写

android:state_selected 选中
android:state_focused 获得焦点
android:state_pressed 按压
android:state_enabled 可用状态

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/bg_left_red" android:state_pressed="true" />
    <item android:drawable="@drawable/bg_left_red" android:state_focused="true" />
    <item android:drawable="@drawable/bg_left_red" android:state_selected="true" />
    <item android:drawable="@drawable/bg_left_red" android:state_activated="true" />
    <item android:drawable="@color/bg_gray_ef" />
</selector>

ayer-list，是一个叠加效果，可以在这个文件里处理多个drawable，并且进行编辑。同样在res/drawable文件夹下定义xml文件（例如：my_layer.xml），使用的时候和一般的drawable一样使用。

xml文件内容如下：按需要编写

这里给出了个只描一边的按钮示例，需要叠加话只需增加 item 即可

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:top="-4dp"
        android:right="-4dp"
        android:bottom="-4dp">
        <shape>
            <!-- 填充-->
            <solid android:color="@color/bg_white"/>
            <!-- 描边 -->
            <stroke
                android:width="4dp"
                android:color="@color/line_red"/>
        </shape>
    </item>
</layer-list>