炫酷Button样式

平时我们所用的Button样式过于单一,不怎么好看,帮助基础的同学们学会使用Style改变Button样式,我简单的写一点东西
<span style="font-size:18px;"><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:layout_marginTop="50dp"
        android:id="@+id/button"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="点击我吧看我色变"
        android:textColor="@drawable/button_text"
        android:background="@drawable/button_bg"/>

</RelativeLayout>
</span>

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

        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">
        <!-- 定义当button 处于pressed 状态时的形态。-->
        <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">
        <!-- 定义当button 处于pressed 状态时的形态。-->
        <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应用这两个就可以,如上面的所示 
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值