按钮扁平化实现

按钮扁平化实现

android原生的button样子实在太丑，目前比较流行的就是button扁平化，下面是样子

实现代码很简单：

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.demo.MainActivity" >

    <Button 
        android:id="@+id/btn"
        android:layout_width="100dp"
        android:layout_height="60dp"
       android:layout_centerInParent="true"
       android:background="@drawable/btn_shutter_background"
        android:text="Hello world"
        />

</RelativeLayout>

设计button样式：

<?xml version="1.0" encoding="utf-8"?>  
<selector xmlns:android="http://schemas.android.com/apk/res/android" >  
    <item android:state_pressed="true" >  
        <shape >
            <!-- solid 设置矩形内的颜色 -->
            <solid android:color="#ADFF2F"/>
            <!-- corners 让矩形变成圆角矩形 -->
            <corners android:radius="8dp"/>
        </shape>
    </item>  
    <item android:state_pressed="false" >  
        <shape>
            <!-- solid设置矩形内颜色-->
            <solid android:color="#ff0000"/>
            <!-- corners 让矩形变成圆角矩形 -->
            <corners android:radius="8dp"/>
        </shape>
    </item>    
</selector>

OK，小知识点，记录下。