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

根据图片从上到下，依次介绍其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>