自定义 Android UI 中 TextView 的通用 Shape 样式

在 Android 开发中，我们经常需要对 TextView 进行样式定制，其中之一就是通过 Shape Drawable 来为 TextView 添加背景样式。本文将详细介绍如何自定义一个通用的 Shape 样式，并将其应用到 TextView 上。

首先，我们需要创建一个 XML 文件来定义我们的 Shape 样式。以下是一个示例的 shape_style.xml 文件：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FF0000" /> <!-- 设置背景填充色 -->
    <corners android:radius="8dp" /> <!-- 设置圆角半径 -->
    <stroke
        android:width="2dp" <!-- 设置边框宽度 -->
        android:color="#000000" /> <!-- 设置边框颜色 -->
</shape>

在上面的示例中，我们使用了 <solid> 元素来设置背景填充色，<corners> 元素来设置圆角半径，以及 <stroke> 元素来设置边框的宽度和颜色。你可以根据自己的需求进行调整。

接下来，我们将通过一个自定义的 TextView 类来应用我们的 Shape 样式。以下是一个示例的 CustomTextView.java 文件：

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.ShapeDrawable;
import android.graphics.drawable.shapes.RoundRectShape;
import android.util.AttributeSet;

import androidx.appcompat.widget.AppCompatTextView;

public class CustomTextView extends AppCompatTextView {
    public CustomTextView(Context context) {
        super(context);
        init();
    }

    public CustomTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public CustomTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        // 创建 ShapeDrawable 对象
        ShapeDrawable shapeDrawable = new ShapeDrawable();

        // 设置 ShapeDrawable 的形状为圆角矩形，并传入圆角半径
        float[] radii = {8, 8, 8, 8, 8, 8, 8, 8};
        RoundRectShape roundRectShape = new RoundRectShape(radii, null, null);
        shapeDrawable.setShape(roundRectShape);

        // 设置 ShapeDrawable 的样式为从 shape_style.xml 中加载的样式
        Drawable background = getResources().getDrawable(R.drawable.shape_style);
        shapeDrawable.setDrawableByLayerId(android.R.id.background, background);

        // 将 ShapeDrawable 设置为 TextView 的背景
        setBackground(shapeDrawable);
    }
}

在上面的示例中，我们创建了一个名为 CustomTextView 的自定义 TextView 类，并在构造函数中调用了 init() 方法。在 init() 方法中，我们创建了一个 ShapeDrawable 对象，并设置其形状为圆角矩形。然后，我们通过从 shape_style.xml 中加载的样式来设置 ShapeDrawable 的样式。最后，我们将 ShapeDrawable 设置为 TextView 的背景。

现在，我们可以在布局文件中使用 CustomTextView 来应用我们的通用 Shape 样式。以下是一个示例的布局文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.example.app.CustomTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello, World!"
        android:textSize="18sp"
        android:padding="16dp" />

</LinearLayout>

在上面的示例中，我们使用了 CustomTextView 来显示文本 “Hello, World!”，并设置了一些常用的属性，如文本大小和内边距。

通过以上步骤，我们成功地自定义了一个通用的 Shape 样式，并将其应用到 TextView 上。你可以根据自己的需求修改 shape_style.xml 文件来定制不同的样式，或者在 CustomTextView 类中添加其他的样式设置。

希望本文对你理解如何自定义 Android UI 中 TextView 的通用 Shape 样式有所帮助。如有任何疑问，请随时提问！