说明:大部分内容都是参考别的文章,这里做整理是为了以后的编程有实用的模板,可以即需即用。
1、圆
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval"
android:useLevel="false">
<solid android:color="#c6c6c6" />
<size
android:width="50dp"
android:height="50dp" />
</shape>
2、带圆角的长方形
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#b2b2b2" />
<size
android:width="50dp"
android:height="30dp" />
<corners android:radius="5dp" />
</shape>
3、带圆角的边框
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<stroke
android:width="1dp"
android:color="#ff5a85" />
<size
android:width="50dp"
android:height="30dp" />
<corners android:radius="5dp" />
</shape>
4、状态切换
// selector_switch_button.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/btn_open" android:state_checked="true" />
<item android:drawable="@drawable/btn_close" android:state_checked="false" />
</selector>
<ToggleButton
android:layout_width="40dp"
android:layout_height="20dp"
android:background="@drawable/selector_switch_button"
android:textOff="@null"
android:textOn="@null" />
<Switch
android:layout_width="40dp"
android:layout_height="20dp"
android:background="@drawable/selector_switch_button"
android:textOff="@null"
android:textOn="@null" />
5、水平进度条背景
// progress_bg.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 设置progressbar的背景样式 -->
<item android:id="@android:id/background">
<shape>
<corners android:radius="20dp" />
<solid android:color="#ffffff" />
<stroke
android:width="1dp"
android:color="#32dcdc" />
</shape>
</item>
<!-- 设置progressbar的进度条样式 -->
<item android:id="@android:id/progress">
<scale android:scaleWidth="100%">
<shape>
<corners android:radius="20dp" />
<solid android:color="#32dcdc" />
</shape>
</scale>
</item>
</layer-list>
<ProgressBar
style="@android:style/Widget.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="20dp"
android:max="100"
android:progressDrawable="@drawable/progress_bg" />
6、渐变色
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:angle="0"
android:endColor="#ff6060"
android:startColor="#ff2434" />
</shape>
<gradient
android:angle="integer" // Integer,代表渐变颜色的角度,必须是45的整数倍,默认是 0,需要 android:type="linear"
android:centerX="integer" // Float,相对X的渐变位置(只有在 type 不为 linear 的情况下起作用)
android:centerY="integer" // Float,相对Y的渐变位置(只有在 type 不为 linear 的情况下起作用)
android:centerColor="integer" // Color,颜色渐变的中间颜色,主要用于多彩
android:endColor="color" // Color,颜色渐变的结束颜色
android:startColor="color" // Color颜色渐变的开始颜色
android:gradientRadius="integer" // Float,渐变颜色的半径,单位应该是像素点. 需要 android:type="radial"
android:type=["linear" | "radial" | "sweep"]
// linear 线性渐变,默认值
// radial 放射性渐变(圆形渐变),起始颜色从 cenralX,centralY点开始
// sweep 扫描式渐变(扇形渐变)
android:useLevel=["true" | "false"] /> // 使用 LevelListDrawable 时就要设置