android好看的按钮样式

按钮好看的样式

首先来一张全部的样式：

下载demo的地址：在最下面

颜色值：

	<color name="yellow">#f5d14b</color>
    <color name="red">#e66eb8</color>
    <color name="green">#6bd669</color>
    <color name="blue">#3d68ce</color>
    <color name="Purple">#7e55fc</color>
    <color name="touming">#11512124</color>

简介：

1、按下变背景颜色

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--2、按下后单纯的变颜色-->
    <item android:state_pressed="false" android:drawable="@color/red"/><!-- 按钮未点击-->
    <item android:state_pressed="true" android:drawable="@color/green"/> <!-- 按钮选中状态-->
</selector>

2、按下变字体颜色

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:color="#fff"/>
    <item android:state_focused="true" android:color="#fff"/>
    <item android:color="#051f89"/>
</selector>

3、圆角

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/yellow" /> <!-- 填充的颜色：这里设置背景透明 -->
    <corners android:radius="20dp" /><!-- android:radius 弧形的半径 -->
</shape>

4、边框

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="false"><!-- 按钮未点击-->
        <shape>
            <stroke android:width="3dp" android:color="@color/green" /><!-- 边框颜色，边框大小-->
        </shape>
    </item>

    <item android:state_pressed="true"> <!-- 按钮选中状态-->
        <shape>
            <stroke android:width="3dp" android:color="@color/red" /><!-- 边框颜色，边框大小-->
        </shape>
    </item>
</selector>

5、背景半透明

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="false"><!-- 按钮未点击-->
        <shape>
            <solid android:color="@color/touming" /> <!-- 填充的颜色：这里设置背景透明 -->
        </shape>
    </item>

    <item android:state_pressed="true"> <!-- 按钮选中状态-->
        <shape>
            <stroke android:width="3dp" android:color="@color/red" /><!-- 边框颜色，边框大小-->
        </shape>
    </item>
</selector>

6、透明、边框、圆角组合

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!--1、圆角 和 按下后背景变颜色-->
    <item android:state_pressed="false"><!-- 按钮未点击-->
        <shape>
            <stroke android:width="3dp" android:color="@color/Purple" /><!-- 边框颜色，边框大小-->
            <solid android:color="@color/touming" /> <!-- 填充的颜色：这里设置背景透明 -->
            <corners android:radius="50dp" /><!-- android:radius 弧形的半径 -->
            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
        </shape>
    </item>

    <item android:state_pressed="true"> <!-- 按钮选中状态-->
        <shape>
            <stroke android:width="3dp" android:color="@color/red" /><!-- 边框颜色，边框大小-->
            <solid android:color="@color/green" /> <!-- 填充的颜色：这里设置背景透明 -->
            <corners android:radius="50dp" /><!-- android:radius 弧形的半径 -->
            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
        </shape>
    </item>
</selector>

7、背景颜色、字体颜色、边框颜色、圆角组合

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!--1、圆角 和 按下后背景变颜色-->
    <item android:state_pressed="false"><!-- 按钮未点击-->
        <shape>
            <stroke android:width="3dp" android:color="@color/green" /><!-- 边框颜色，边框大小-->
            <solid android:color="@color/red" /> <!-- 填充的颜色：这里设置背景透明 -->
            <corners android:radius="10dip" /><!-- android:radius 弧形的半径 -->
            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
        </shape>
    </item>

    <item android:state_pressed="true"> <!-- 按钮选中状态-->
        <shape>
            <stroke android:width="3dp" android:color="@color/red" /><!-- 边框颜色，边框大小-->
            <solid android:color="@color/green" /> <!-- 填充的颜色：这里设置背景透明 -->
            <corners android:radius="10dip" /><!-- android:radius 弧形的半径 -->
            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
        </shape>
    </item>

</selector>

8、颜色渐变、圆角组合

<shape
    xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 填充的颜色 -->
    <solid android:color="#75c233" />
    <!--设置渐变-->
    <gradient android:startColor="#2751dc"
        android:endColor="#daf765"
        android:angle="180"/>
    <!--angle控制渐变的方向-->
    <!-- 设置按钮的四个角为弧形 -->

    <!-- android:radius 弧形的半径 -->
    <corners android:radius="10dp" />

    <!-- padding：Button里面的文字与Button边界的间隔 -->
    <padding
        android:left="10dp"
        android:top="10dp"
        android:right="10dp"
        android:bottom="10dp"
        />
</shape>

9、ImageButton切换背景图片

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="false"
        android:drawable="@mipmap/login_unpress"/>
    <item android:state_pressed="true"
        android:drawable="@mipmap/login_press"/>
</selector>

下载demo的地址：