Android Shape是什么？渐变、描边、圆角，如何使用？真实场景使用

目录

---

一、Shape是什么？

Android中的shape主要用于绘制简单图形并控制这些图形的样式。Shape的定义文件是XML格式的，以元素为根节点，通过不同的子节点和属性来控制图形的具体表现。

Shape允许开发者自定义控件（如按钮、文本框等）的背景、边框等样式，使得应用界面更加美观和个性化。
通过设置shape的corners、solid、stroke等属性，可以轻松实现圆角背景、纯色填充、边框描边等效果。效果如下图：

我们可以注意到这个按钮，有描边、有圆角以及渐变，是如何实现的？

---

二、如何使用

（1）在res——drawable里面创建一个资源文件

（2）填充图形的颜色，默认是填充纯色，通过color属性

<solid android:color="#2E80DD" />

但这里我们要使用渐变色，就需要使用gradient标签

    <!-- 定义渐变 -->
    <!--angle角度-->
    <!--startColor和endColor是颜色-->
    <!--type是渐变的类型，这里我们用线性渐变-->
    <gradient
    android:angle="90"    
    android:startColor="#EF9636"
    android:endColor="#FBC358"
    android:type="linear" />

（3）比如我们要绘制有圆角的，我们可以通过corners标签的Radius属性

 <corners
        android:bottomLeftRadius="8dp"
        android:bottomRightRadius="8dp"
        android:topLeftRadius="8dp"
        android:topRightRadius="8dp" />

（4）我们还要有一个描边，需要使用stroke标签

    <stroke
        android:width="3dp"
        android:color="@color/white" />

（5）到这里就已经创建好了shape，接下来创建一个按钮进行使用

  <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:minWidth="280dp"
        android:minHeight="80dp"
        android:background="@drawable/backstage_btn"
        android:text="确认调价"
        android:textSize="42sp"
        android:textStyle="bold"
        android:textColor="#569DF6"
        android:layout_marginBottom="20dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

本来是这样的

在background属性使用上后，就是这样

---

三、Shape的标签讲解

android:shape=[“rectangle” | “oval” | “line” | “ring”] //共有4种类型，矩形（默认）/椭圆形/直线形/环形 ，这个是确定控件的形状

3.1 corners - 圆角

<corners    //定义圆角  
        android:radius="dimension"      //统一定义
        android:topLeftRadius="dimension"   //左上角的圆角半径
        android:topRightRadius="dimension"  //右上角的圆角半径
        android:bottomLeftRadius="dimension"    //左下角的圆角半径
        android:bottomRightRadius="dimension" />    //右下角的圆角半径

3.2 gradient - 渐变

   <gradient   //定义渐变
        android:type=["linear" | "radial" | "sweep"]    //共有3种渐变类型，线性渐变（默认）/放射渐变/扫描式渐变
        android:angle="integer"     //渐变角度，必须为45的倍数，0为从左到右，90为从上到下
        android:centerX="float"     //渐变中心X的相当位置，范围为0～1
        android:centerY="float"     //渐变中心Y的相当位置，范围为0～1
        android:startColor="color"      //渐变开始点的颜色
        android:centerColor="color"     //渐变中间点的颜色，在开始与结束点之间
        android:endColor="color"    //渐变结束点的颜色
        android:gradientRadius="float"/>  //渐变的半径，只有当渐变类型为radial时才能使用

3.3 solid - 填充颜色

    <solid  //内部填充颜色
        android:color="color" />

3.4 stroke - 描边

   <stroke     //描边
        android:width="dimension"   //描边的宽度
        android:color="color"   //描边的颜色
        // 以下两个属性设置虚线
        android:dashWidth="dimension"   //虚线的宽度，值为0时是实线
        android:dashGap="dimension" />      //虚线的间隔

 <stroke
        android:width="3dp"
        android:color="@color/white"
        android:dashWidth="100dp"
        android:dashGap="20dp"
        />