html5炫酷按钮,设置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">  <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应用这两个就可以，如上面的所示