Drawable基础知识总结----drawable标签shape的使用

根据图片从上到下，依次介绍其drawable布局代码：

1.圆环，渐变色

名为：shape_ring_drawable.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadius="35dp"
    android:shape="ring"
    android:thickness="10dp"
    android:useLevel="false">
    
    
    <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：

3.实心带颜色的圆圈

名为shape_circle_number：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    
    <solid android:color="@color/colorRed"/>
    
    <size android:height="10dp" android:width="10dp"/>
shape>

4.带锯齿边线的圆角矩形

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    
    <solid android:color="@color/colorBule"/>
    
    <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" />
    
shape>

5.整体使用的布局代码

<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>