根据图片从上到下,依次介绍其drawable布局代码:
1.圆环,渐变色
名为:shape_ring_drawable.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:innerRadius="35dp"
android:shape="ring"
android:thickness="10dp"
android:useLevel="false">
<!-- innerRadius圆圈的半径 thickness环的厚度 -->
<!-- gradient颜色渐变 -->
<gradient android:angle="0"
android:startColor="@color/colorAccent"
android:centerColor="@color/colorBule"
android:endColor="@color/colorPink"
android:useLevel="false"
android:type="sweep"/>
</shape>
2.进度条
进度条样式名为CustomProgressStyle:
<style name="CustomProgressStyle">
<item name="android:indeterminateDrawable">@drawable/progress_rotate</item>
<item name="android:minWidth">72dp</item>
<item name="android:maxWidth">72dp</item>
<item name="android:minHeight">72dp</item>
<item name="android:maxHeight">72dp</item>
</style>
3.实心带颜色的圆圈
名为shape_circle_number:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<!-- solid内部填充的颜色-->
<solid android:color="@color/colorRed"/>
<!-- size宽高-->
<size android:height="10dp" android:width="10dp"/>
</shape>
4.带锯齿边线的圆角矩形
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- solid内部填充的颜色-->
<solid android:color="@color/colorBule"/>
<!-- stroke虚线 color虚线颜色 dashGap每段线的间隔宽度 dashWidth每段线的长度 width每段线的高度-->
<stroke android:color="@color/colorAccent"
android:dashGap="15dp"
android:dashWidth="30dp"
android:width="5dp"/>
<corners android:topRightRadius="0dp"
android:topLeftRadius="60dp"
android:bottomLeftRadius="90dp"
android:bottomRightRadius="150dp" />
<!-- size宽高
<size android:height="200dp"
android:width="500dp"/>-->
</shape>
5.整体使用的布局代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="match_parent">
<View
android:layout_width="100dp"
android:layout_height="100dp"
android:background="@drawable/shape_ring_drawable"/>
<ProgressBar
android:layout_width="100dp"
android:layout_height="100dp"
style="@style/CustomProgressStyle"
android:indeterminateDuration="700"/>
<TextView
android:layout_width="50dp"
android:layout_height="50dp"
android:text="99"
android:textSize="18sp"
android:gravity="center"
android:background="@drawable/shape_circle_number"
android:textColor="@color/colorWhite"/>
<TextView
android:text="大家好(๑╹◡╹)ノ”"
android:gravity="center"
android:textSize="16sp"
android:textColor="@color/colorBlack"
android:layout_marginTop="10dp"
android:layout_width="180dp"
android:layout_height="80dp"
android:background="@drawable/shape_dash_rectangle"/>
</LinearLayout>