首页 > 学院 > 开发设计 > 正文

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

2019-11-08 00:13:19
字体:
来源:转载
供稿:网友

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

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>l

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>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表