按钮好看的样式
首先来一张全部的样式:
下载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的地址: