最近试着玩玩Android开发，做一个小玩意儿的时候，总感觉默认的按钮样式太糟糕，看到网上几幅IPhone截图，觉得按钮有点感觉，就想着抄一个过来……相当的没有技术含量，只不过记性不好，记录一下。
PhotoShop上的准备
用简单的方法，设置background图片。
先渐变填充圆角矩形（半径4左右），渐变的首尾颜色自己定好了，不过过渡位置我试了下，大约是上图1所示，在40%和60%增加两个色标，值为首尾之差的1/3和2/3。
做出立体效果和阴影，如2所示
做出边框线，如3所示
然后调两个亮一点和暗一点的（没用过IPhone不知道有焦点和按下时什么样子我这里就偷懒弄个明暗变化）按钮。
应用到按钮上
在drawable里定义一个式样文件
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:drawable="@drawable/game_button_pressed" />
<item android:state_focused="true" android:drawable="@drawable/game_button_focused" />
<item android:drawable="@drawable/game_button_normal" />
</selector>
然后按钮的background指向它，这就完了~~
追记：
后来看到一种完全用XML定义按钮的方法，靠谱，虽然变化好像有些单调，但可以不用图片毕竟是好事，先记录一下方法，有空试试~
<?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="#0d76e1" android:endColor="#0d76e1" android:angle="270" />
<stroke android:width="1dip" android:color="#f403c9" />
<corners android:radius="2dp" />
<padding android:left="10dp" android:top="10dp"
android:right="10dp" android:bottom="10dp" />
</shape>
</item>
<item android:state_focused="true">
<shape>
<gradient android:startColor="#ffc2b7" android:endColor="#ffc2b7" android:angle="270" />
<stroke android:width="1dip" android:color="#f403c9" />
<corners android:radius="2dp" />
<padding android:left="10dp" android:top="10dp"
android:right="10dp" android:bottom="10dp" />
</shape>
</item>
<item>
<shape>
<gradient android:startColor="#000000" android:endColor="#ffffff" android:angle="180" />
<stroke android:width="1dip" android:color="#f403c9" />
<corners android:radius="5dip" />
<padding android:left="10dp" android:top="10dp"
android:right="10dp" android:bottom="10dp" />
</shape>
</item>
</selector>