LinearGradient线性渲染

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Shader;
import android.view.View;

/**
 * @version 2012-8-14 上午10:45:28
 **/
public class myGameView extends View implements Runnable {
    int bitwidth = 0;
    int bitheight = 0;
    Paint mPaint = null;
    // 线性渐变渲染
    Shader mLinearGradient1 = null;
    // 线性渐变渲染
    Shader mLinearGradient2 = null;
    // 线性渐变渲染
    Shader mLinearGradient3 = null;

    public myGameView(Context context) {
        super(context);
        // 创建LinearGradient并设置渐变颜色数组
        // 第一个,第二个參数表示渐变起点 能够设置起点终点在对角等任何位置
        // 第三个,第四个參数表示渐变终点
        // 第五个參数表示渐变颜色
        // 第六个參数能够为空,表示坐标,值为0-1 new float[] {0.25f, 0.5f, 0.75f, 1 }
        // 假设这是空的。颜色均匀分布,沿梯度线。
        // 第七个表示平铺方式
        // CLAMP反复最后一个颜色至最后
        // MIRROR反复着色的图像水平或垂直方向已镜像方式填充会有翻转效果
        // REPEAT反复着色的图像水平或垂直方向
        mLinearGradient1 = new LinearGradient(0, 0, 0, 100, new int[] {
                Color.RED, Color.GREEN, Color.BLUE, Color.WHITE }, null,
                Shader.TileMode.CLAMP);
        mLinearGradient2 = new LinearGradient(0, 0, 0, 100, new int[] {
                Color.RED, Color.GREEN, Color.BLUE, Color.WHITE }, null,
                Shader.TileMode.MIRROR);
        mLinearGradient3 = new LinearGradient(0, 0, 0, 100, new int[] {
                Color.RED, Color.GREEN, Color.BLUE, Color.WHITE }, null,
                Shader.TileMode.REPEAT);
        mPaint = new Paint();
        new Thread(this).start();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // LinearGradient的高度仅仅有100而绘制的矩形有200所以才会有反复
        // 假设高度两者同样clamp反复是看不出效果的
        Paint paint = new Paint();
        paint.setTextSize(20);
        paint.setColor(Color.WHITE);
        // 绘制渐变的矩形
        mPaint.setShader(mLinearGradient1);
        canvas.drawRect(0, 0, 200, 200, mPaint);
        canvas.drawText("CLAMP", 0, 200 + 20, paint);
        // 绘制渐变的矩形
        mPaint.setShader(mLinearGradient2);
        canvas.drawRect(0, 250, 200, 450, mPaint);
        canvas.drawText("MIRROR", 0, 450 + 20, paint);
        // 绘制渐变的矩形
        mPaint.setShader(mLinearGradient3);
        canvas.drawRect(0, 500, 200, 700, mPaint);
        canvas.drawText("REPEAT", 0, 700 + 20, paint);
    }

    @Override
    public void run() {
        while(!Thread.currentThread().isInterrupted()) {
            try {
                Thread.sleep(100);
            }
            catch(Exception e) {
                Thread.currentThread().interrupt();
            }
            postInvalidate();
        }
    }
}

效果图

时间: 2024-08-06 11:23:40

LinearGradient线性渲染的相关文章

Android 颜色渲染(五) LinearGradient线性渲染

版权声明:本文为博主原创文章,未经博主允许不得转载. Android 颜色处理(五) LinearGradient线性渲染 相信很多人都看过歌词同步的效果, 一是竖直方向的滚动,另一方面是水平方面的歌词颜色渐变点亮效果,这种效果怎么做呢? 这就需要用到LinearGradient线性渲染,下面还是先看具体的使用: LinearGradient有两个构造函数; public LinearGradient(float x0, float y0, float x1, float y1, int[] c

Expo大作战(三十四)--expo sdk api之LinearGradient(线性渐变),KeepAwake(保持屏幕不休眠),IntentLauncherAndroid,Gyroscope,

简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo以来,对expo的研究断断续续,一路走来将近10个月,废话不多说,接下来你看到内容,讲全部来与官网 我猜去全部机翻+个人修改补充+demo测试的形式,对expo进行一次大补血!欢迎加入expo兴趣学习交流群:597732981 [之前我写过一些列关于expo和rn入门配置的东i西,大家可以点击这里查看:从零学习rn开发] 相关文章: Expo大作战(一)--什么是expo,如何安装expo clinet和xde,xd

linear-gradient线性渐变

background:linear-gradient(180deg, sliver 20%, skyblue 80%, gray 100%); 180deg 是线性渐变的角度,水平方向;如果是90deg,则是垂直方向. silver 20% 是最上面的颜色和该颜色所在的位置,可以为负值,,如 linear-gradient(180deg, silver -7%, pink 80%, skyblue 127%); 的效果是: 第二种参数: to left ,to top, to right, to

进阶CSS3 background-image的linear-gradient线性渐变 实用用法 条纹 中心点 方向 颜色过度

我们来了解一下 linear-gradient() 是什么呢? 1.linear-gradient 是一个 CSS3 版本的新特性用于创建一个线性渐变效果的背景,如下图. 效果 代码: 原文地址:https://www.cnblogs.com/xiaolantian/p/12629076.html

Android 颜色渲染(三) Shader颜色渲染

版权声明:本文为博主原创文章,未经博主允许不得转载. 相信看过在上一篇中提到的三篇文章后,大家已经对颜色处理方面有更深的体会. 之前讲到颜色渐变的效果, 具体怎么做呢,这就需要应用颜色渲染. 首先要介绍Android Api中关于颜色渲染的几个重要的类:    Shader,BitmapShader,ComposeShader,LinearGradient,RadialGradient,SweepGradient 看一下它们之间的关系:  public class Shader extends 

Android Shader渲染以及实现水波纹霓虹文字雷达等效果

"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Android Shader渲染以及实现水波纹霓虹文字雷达等效果 - lzy的博客 - 博客频道 - CSDN.NET lzy的博客 目录视图 摘要视图 订阅 [活动]2017 CSDN博客专栏评选 &nbsp [5月书讯]流畅的Python,终于等到你!    &a

Android中自定义视图View之---渲染器Shader对象

下面再来看下一个知识点:颜色渲染Shader对象 为什么我要把Shader对象单独拿出来说一下呢?因为这个对象在对于我们处理图形特效的时候是非常有用的 下面来看一下Android中Shader对象 在Android Api中关于颜色渲染的几个重要的类:Shader,BitmapShader,ComposeShader,LinearGradient,RadialGradient,SweepGradient它们之间的关系是: Shader是后面几个类的父类 该类作为基类主要是返回绘制时颜色的横向跨度

Paint、Canvas、Matrix使用讲解(一、Paint)

好了,前面主要讲了Animation,Animator 的使用,以及桌面火箭效果和水波纹效果,分别使用android框架和自己绘制实现,俗话说,工欲善其事,必先利其器,接下来几篇文章主要讲绘制中我们需要常使用的一些利器: Paint:画笔 Canvas:画布 Matrix:变换矩阵 绘制动效确实就像拿着笔在画布上面画画一样,而Paint就是我们拿着的笔,Canvas就是使用的画布: 一.Paint(画笔) 根据我们要画的类型,我们可以选择不同的笔,比如大气磅礴的山水画,我们可以选择大头的毛笔:细

Paint基本用法

这篇只要记录Paint(画笔)一些基本用法setARGB(设置画笔颜色和透明度) setARGB(设置画笔颜色和透明度) paint.setARGB(88,255,0,0); setARGB(int a, int r, int g, int b)取值都是0~255 setAlpha (int a)设置画笔透明度,取值0~255 setColor(int color) 设置画笔颜色 setAntiAlias(设置抗锯齿) setAntiAlias(boolean aa) 设置抗锯齿,如果不设置,加