2021-03-11 android系统自带的按钮不能满足设计需求,自定义画按钮

第一步:在res文件下新建一个drawable resource file 文件



第二步:输入xml文件名,默认元素为selector



第三步:开始画图

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

画图后的展示:




画图源码解析:


选择器分为两种状态,选中状态<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" />



第四步:引用


因为这是画出来的图片控件,所以引用级别为布局引用而不是默认的引用控件,将其通过background属性(背景)设置引用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容