炫酷Button样式

你的名字 2022-07-16 05:22 178阅读 0赞

平时我们所用的Button样式过于单一，不怎么好看，帮助基础的同学们学会使用Style改变Button样式，我简单的写一点东西

上面的代码是主布局中的代码，从上面我们可以看出来最重要的也就两句话

android:textColor="@drawable/button_text"
            android:background="@drawable/button_bg"

<?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item android:state_pressed="true">
            
            <shape>
                <gradient android:startColor="#93c348" android:endColor="#93c348"/>
                <stroke android:width="2dp" android:color="#d3d3d3" />
                <corners android:radius="5dp" />
                <padding android:left="10dp" android:top="10dp"
                    android:bottom="10dp" android:right="10dp" />
            </shape>
        </item>
        <item android:state_pressed="false">
            
            <shape>
                
                <gradient android:startColor="#5cb85c" android:endColor="#5cb85c"/>
                <stroke android:width="1dp" android:color="#d3d3d3" />
                <corners android:radius="5dp" />
                <padding android:left="10dp" android:top="10dp"
                    android:bottom="10dp" android:right="10dp" />
            </shape>
        </item>
    </selector>

gradient是渐变从左到右的颜色渐变，这里我们可以用同一种颜色即可

<pre name="code" class="html">stroke表示外围框的宽度 后面表示颜色
    corners表示button外面四个角的圆弧弧度
    adding是间距，不用多说了
    
    下面这个文字的渐变
    <pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_pressed="false" android:color="#000000"/>
        <item android:state_pressed="true" android:color="#ffffff"/>
    </selector>

这两个样式写完之后我们在button的background和textxcolor应用这两个就可以，如上面的所示