Android自定义View LinearGradient

原创

mob64ca12e63b18 2023-08-19 13:28:22 ©著作权

文章标签 线性渐变自定义 Android 文章分类 Android 移动开发

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

Android自定义View LinearGradient

在Android开发中，我们经常需要自定义View来实现一些特殊的效果或交互。其中，使用线性渐变是一种常见的需求，它可以让我们在View上呈现出色彩丰富、渐变变化的效果。

本文将介绍如何使用Android的LinearGradient类来实现自定义View中的线性渐变效果，并提供了相关的代码示例。

了解LinearGradient

在开始之前，我们需要了解一下LinearGradient类。LinearGradient是Android提供的一个用于创建线性渐变的类，它可以让我们在一个矩形区域内绘制出颜色渐变的效果。

LinearGradient的构造方法如下：

public LinearGradient(float x0, float y0, float x1, float y1, int[] colors, float[] positions, Shader.TileMode tile)

参数说明：

x0：渐变起始点的x坐标
y0：渐变起始点的y坐标
x1：渐变结束点的x坐标
y1：渐变结束点的y坐标
colors：渐变的颜色数组，至少需要两个颜色
positions：颜色数组中对应位置的位置数组，取值范围0.0到1.0
tile：渐变的重复模式，可以是CLAMP、REPEAT或MIRROR

实现线性渐变的自定义View

下面我们将通过一个示例来演示如何在自定义View中使用LinearGradient类实现线性渐变效果。

首先，创建一个名为GradientView的自定义View类，继承自View：

public class GradientView extends View {
    private Paint mPaint;

    public GradientView(Context context) {
        super(context);
        init();
    }

    public GradientView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public GradientView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        // 初始化画笔
        mPaint = new Paint();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // 创建线性渐变
        LinearGradient gradient = new LinearGradient(0, 0, getWidth(), getHeight(),
                new int[]{Color.RED, Color.BLUE}, null, Shader.TileMode.CLAMP);

        // 设置画笔的渐变着色器
        mPaint.setShader(gradient);

        // 绘制矩形
        canvas.drawRect(0, 0, getWidth(), getHeight(), mPaint);
    }
}

在上面的代码中，我们首先创建了一个画笔对象mPaint，并在init()方法中进行初始化。然后，在onDraw()方法中，我们创建了一个线性渐变对象gradient，并设置给画笔的渐变着色器。最后，使用画笔在View的矩形区域内绘制一个矩形。

接下来，我们可以在布局文件中使用GradientView来显示线性渐变效果：

<LinearLayout xmlns:android="
    xmlns:app="
    xmlns:tools="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <com.example.gradientview.GradientView
        android:layout_width="200dp"
        android:layout_height="200dp" />

</LinearLayout>

在上面的布局文件中，我们将GradientView添加到LinearLayout中，并设置了宽度和高度为200dp。

现在，运行项目，你将会看到一个显示了线性渐变效果的矩形View。