android shape 圆角

原创

mob64ca12f3f05d 2023-08-16 14:18:42 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12f3f05d的原创作品，请联系作者获取转载授权，否则将追究法律责任

实现 Android Shape 圆角的步骤

流程图

flowchart TD
    A[创建 shape.xml 文件] --> B[定义 shape 形状]
    B --> C[设置圆角属性]
    C --> D[设置背景颜色]
    D --> E[应用 shape.xml 到控件]

步骤详解

创建 shape.xml 文件

首先，我们需要创建一个名为 shape.xml 的文件来定义我们要实现的形状。
```
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="
</shape>
```
这里我们使用了 Android 的命名空间，并在 shape 元素中定义了一个空的 shape。
定义 shape 形状

在 shape.xml 文件中，我们需要定义我们要实现的形状，比如圆角矩形。
```
<shape xmlns:android="
    <corners android:radius="10dp" />
</shape>
```
这里使用了 corners 元素来定义圆角属性，设置了一个半径为 10dp 的圆角。
设置圆角属性

在定义 shape 形状后，我们需要设置圆角的属性。
```
<shape xmlns:android="
    <corners android:radius="10dp" />
</shape>
```
这里使用了 corners 元素，并设置了一个半径为 10dp 的圆角。
设置背景颜色

在设置圆角属性后，我们可以设置背景的颜色。
```
<shape xmlns:android="
    <corners android:radius="10dp" />
    <solid android:color="#F44336" />
</shape>
```
这里使用了 solid 元素，并设置了一个颜色为 #F44336 的背景。
应用 shape.xml 到控件

最后，在我们定义好 shape.xml 文件后，我们可以将其应用到想要实现圆角形状的控件上。
```
<TextView
    android:id="@+id/textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/shape" />
```
这里使用了 background 属性，并设置了为 shape.xml 文件的 drawable 引用。

代码示例

下面是完整的示例代码：

<!-- shape.xml -->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="
    <corners android:radius="10dp" />
    <solid android:color="#F44336" />
</shape>

<!-- layout.xml -->
<TextView
    android:id="@+id/textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/shape" />

在这个示例中，我们创建了一个圆角矩形形状的 shape.xml 文件，并将其应用到了一个 TextView 控件上。