2021-03-11 android系统自带的按钮不能满足设计
2021-03-11 本文已影响0人
xiaohuage
第一步:在res文件下新建一个drawable resource file 文件
![](https://img.haomeiwen.com/i13097499/fd95e8da02d8c70f.png)
第二步:输入xml文件名,默认元素为selector
![](https://img.haomeiwen.com/i13097499/87a0cedf24b11c7c.png)
第三步:开始画图
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_selected="false">
<shape android:shape="rectangle">
<size android:width="60dp" android:height="60dp" />
<corners android:radius="10dp" />
<stroke android:width="2dp" android:color="#DCDCDC" />
<solid android:color="#FCFCFC" />
</shape>
</item>
<item android:state_selected="true">
<shape android:shape="rectangle">
<size android:width="60dp" android:height="60dp" />
<corners android:radius="10dp" />
<solid android:color="#F5F0E3" />
<stroke android:width="2dp" android:color="#D4B86E" />
</shape>
</item>
</selector>
画图后的展示:
![](https://img.haomeiwen.com/i13097499/6cec68c53df90ddf.png)
画图源码解析:
选择器分为两种状态,选中状态<item android:state_selected="true">,默认不选中状态<item android:state_selected="false">。
不选中状态,先画一个矩形<shape android:shape="rectangle"> </shape>,定义矩形的宽/高 <size android:width="60dp" android:height="60dp" />,定义矩形的圆角弧度 <corners android:radius="10dp" />,定义矩形的边框宽度和颜色 <stroke android:width="2dp" android:color="#DCDCDC" />,定义矩形的背景底色<solid android:color="#FCFCFC" />
选中状态,先画一个矩形<shape android:shape="rectangle"> </shape>,定义矩形的宽/高 <size android:width="60dp" android:height="60dp" />,定义矩形的圆角弧度 <corners android:radius="10dp" />,定义矩形的边框宽度和颜色 <stroke android:width="2dp" android:color="#D4B86E" />,定义矩形的背景底色<solid android:color="#D4B86E" />
第四步:引用
![](https://img.haomeiwen.com/i13097499/66ccb243007ad83c.png)