2021-03-11 android系统自带的按钮不能满足设计

2021-03-11  本文已影响0人  xiaohuage

第一步:在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属性(背景)设置引用。

上一篇下一篇

猜你喜欢

热点阅读