Shader -> SweepGradient扫描渐变着色器详解

XML文件

xml 复制代码
<com.example.myapplication.MyView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_gravity="center"
    android:layout_height="400dp"/>

自定义View代码

kotlin 复制代码
class MyView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {

    private var mStartColor = Color.RED
    private var mMiddleColor = Color.BLUE
    private var mEndColor = Color.GREEN

    private var mDrawRect = RectF()
    private var mSweepGradient: SweepGradient? = null
    private var mDrawPaint = Paint()

    override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
        super.onSizeChanged(w, h, oldw, oldh)
        mDrawRect = RectF(0f, 0f, w.toFloat(), h.toFloat())
        mSweepGradient = SweepGradient(
            mDrawRect.centerX(), // 渐变中心的 x 坐标,设置为矩形中心的 x 坐标
            mDrawRect.centerY(), // 渐变中心的 y 坐标,设置为矩形中心的 y 坐标
            intArrayOf(mStartColor, mMiddleColor, mEndColor), // 渐变颜色数组
            floatArrayOf(0f, 0.5f, 1f) // 颜色位置数组
        )
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        mSweepGradient?.let {
            mDrawPaint.shader = it
            canvas.drawRect(mDrawRect, mDrawPaint)
        }
    }
}

RadialGradient线性着色器参数详解

  • RadialGradient扫描渐变着色器赋值给Paint画笔,可以使用Canvas画布和Paint画笔绘制具有扫描渐变的内容,从渐变中心点开始顺时针旋转,进行扫描渐变

构造函数

  • 构造函数:多色渐变
java 复制代码
public SweepGradient(float cx, // 渐变中心的 x 坐标
                     float cy, // 渐变中心的 y 坐标
                     @NonNull int[] colors, // 渐变颜色数组
                     @Nullable float[] positions) // 颜色位置数组
  • cx, cy: 渐变中心的坐标
  • colors: 定义渐变的颜色数组,至少需要两个颜色
  • positions: 可选的颜色位置数组,定义每个对应颜色的相对位置(0 到 1 之间的浮点数)。如果为 null,颜色将在渐变中均匀分布

渐变中心点(x, y)只决定中心位置,映射方向按照顺时针旋转扫描绘制

颜色数组IntArray和位置数组FloatArray决定颜色的数量和位置

  • 起始颜色 mStartColor 和过渡颜色 mMiddleColor 只作用于 [0f, 0.5f] 这个区间
  • 过渡颜色 mMiddleColor 和结束颜色 mEndColor 只作用于 [0.5f, 1f] 这个区间
kotlin 复制代码
mSweepGradient = SweepGradient(
    mDrawRect.centerX(), // 渐变中心的 x 坐标,设置为矩形中心的 x 坐标
    mDrawRect.centerY(), // 渐变中心的 y 坐标,设置为矩形中心的 y 坐标
    intArrayOf(mStartColor, mMiddleColor, mEndColor), // 渐变颜色数组
    floatArrayOf(0f, 0.5f, 1f) // 颜色位置数组
)

SweepGradient没有映射方式

  • SweepGradient 没有 TileMode着色器映射方式,用于创建完整的圆周渐变,没有边缘、重复、镜像的颜色去绘制着色器区域之外的渐变,绘制起始点和结束点都是同一个,为创建SweepGradient对象传入
相关推荐
007php00715 分钟前
Redis高级面试题解析:深入理解Redis的工作原理与优化策略
java·开发语言·redis·nginx·缓存·面试·职场和发展
潜龙952718 分钟前
第6.2节 Android Agent开发<二>
android·python·覆盖率数据
Yeats_Liao34 分钟前
Spring缓存(二):解决缓存雪崩、击穿、穿透问题
java·spring·缓存
猿究院-赵晨鹤1 小时前
String、StringBuffer 和 StringBuilder 的区别
java·开发语言
葵野寺1 小时前
【RelayMQ】基于 Java 实现轻量级消息队列(九)
java·开发语言·rabbitmq·java-rabbitmq
代码不停1 小时前
MySQL联合查询
java·数据库·mysql
nightunderblackcat1 小时前
新手向:C语言、Java、Python 的选择与未来指南
java·c语言·python
纯真时光1 小时前
Maven高级
java
网安Ruler1 小时前
代码审计-PHP专题&原生开发&SQL注入&1day分析构造&正则搜索&语句执行监控&功能定位
android
好多172 小时前
《微服务事务管理》
java·微服务·架构