`
qjoycn
  • 浏览: 1219845 次
文章分类
社区版块
存档分类
最新评论

RadialGradient环形渲染

 
阅读更多
package shader.yb;

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

/**
 * @author yubin
 * @version 2012-8-14 上午10:45:28
 **/
public class RadialGameView extends View implements Runnable {
    Paint mPaint = null;
    // 环形渐变渲染
    Shader mRadialGradient = null;

    public RadialGameView(Context context) {
        super(context);

        // 创建RadialGradient对象
        // 第一个,第二个参数表示圆心坐标
        // 第三个参数表示半径
        // 第四个,第五个,第六个与线性渲染相同
        mRadialGradient = new RadialGradient(50, 50, 50, new int[] {
                Color.GREEN, Color.RED, Color.BLUE, Color.WHITE }, null,
                Shader.TileMode.REPEAT);

        mPaint = new Paint();
        new Thread(this).start();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // 绘制环形渐变
        mPaint.setShader(mRadialGradient);
        // 第一个,第二个参数表示圆心坐标
        // 第三个参数表示半径
        canvas.drawCircle(50, 50, 50, mPaint);
    }

    @Override
    public void run() {
        while(!Thread.currentThread().isInterrupted()) {
            try {
                Thread.sleep(100);
            }
            catch(Exception e) {
                Thread.currentThread().interrupt();
            }
            postInvalidate();
        }
    }
}
效果图
分享到:
评论

相关推荐

    点击后可缩放的渐变圆

    一个小view,使用RadialGradient环形渲染的圆,点击后客缩放

    Android高级渲染,画笔渲染通过paint.setShader

     RadialGradient 环形渲染  SweepGradient 梯度渲染(扫描渲染)  ComposeShader 组合渲染  paint.setShader(bitmapShader); 效果展示,设置画笔渲染,画笔在图层上渲染,图片未摆满控件,摆放模式 1.xml布局: ...

    Android Shader着色器/渲染器的用法解析

    RadialGradient: 光束渲染 ComposeShader: 组合渲染 渲染模式:Shader.TileMode Shader.TileMode.CLAMP: 边缘拉伸模式,它会拉伸边缘的一个像素来填充其他区域。 Shader.TileMode.MIRROR: 镜像模式,通过镜像...

    Paint_RadialGradient.rar

    对应的CSDN文章:https://blog.csdn.net/gaoxiaoweiandy/article/details/104127732

    Paint的使用,Shader渲染器的使用

    Paint的使用,Shader渲染器的使用,比如LinearGradient、RadialGradient、BitmapShader、SweepGradient

    RadialGradientDemo

    RadialGradient渲染 分析文章:http://blog.csdn.net/yegucheng2618/article/details/37907381

    《自定义控件三部曲之绘图篇(二十)——RadialGradient与水波纹按钮效果》对应源码

    博客《自定义控件三部曲之绘图篇(二十)——RadialGradient与水波纹按钮效果》对应源码,博客地址:http://blog.csdn.net/harvic880925/article/details/52653811

    plutosvg:C中的微小SVG渲染库

    冥王星plutosvg是C语言中的一个微型SVG渲染库特征基本形状:矩形,圆形,椭圆形,直线,折线,多边形,路径绘画服务器:solidColor,linearGradient,radialGradient,pattern(TODO) 文件结构:defs,svg,g,用途...

    article-react-native-art-svg:如何使用react-native渲染svg文件?

    如何使用React Native ART渲染SVG文件? 我们不会使用任何svg库,而是将利用库。 界面看起来像这样。 import { ART } from 'react-native' ; const { Surface , Shape , Group , Text , Path , ...

    Android 实现椭圆形中心放射性渐变绘制 - 自定义View

    Android自定义View中,使用RadialGradient来实现椭圆形的放射性渐变效果。 Android中实现椭圆形的绘制很简单,只需要调用canvas.drawOval()就可以了,但是椭圆形的中心发散渐变效果Android自带的API里面却是没有的,...

    flutter_gradients:精选的Dart for Flutter中令人敬畏的渐变

    颤动渐变 精选的Dart制作的令人敬畏的渐变(Flutter的端口)。 目前仅包含线性渐变。 显示一些 :red_heart: 并为回购加注星标以支持该项目 安装 添加包裹 dependencies : flutter_gradients : ^1.0.0+3 ...

    Shader.rar

    BitmapShader、LinearGradient、SweepGradient、RadialGradient、ComposeShader代码用法。参考博客:https://blog.csdn.net/gaoxiaoweiandy/article/details/104127732

    Android应用中绘制圆形头像的方法解析

    RadialGradient gradient = new RadialGradient(j/2,k/2,j/2,new int[]{0xff5d5d5d,0xff5d5d5d,0x00ffffff},new float[]{0.f,0.8f,1.0f}, Shader.TileMode.CLAMP); paint.setShader(gradient); canvas.drawCircle(j/...

    兼容当前五大浏览器的渐变颜色背景gradient的写法

    兼容多浏览器就要为每一个浏览器写对应的 CSS,太低版本的浏览器只能使用图片做背景,下面是当前五大浏览器对 gradient 的支持

    Android实现 Shape属性gradient 渐变效果

    1,gradient(渐变) 【1】用以定义渐变色,可以定义两色渐变和三色渐变,及渐变样式;  <?xml version=1.0 encoding=utf-8?> ... android:type=[linear | radial | sweep] //共有3中渐变类型,线性渐变...

    散点图代码

    app.title = '气泡图'; var data = [ [['2015/1/1',10,'0','系列"游戏1"点"2015/01/01(2015/01/01,0.6)"'], ['2015/1/1',10,'0','系列"游戏1"点"2015/01/01(2015/01/01,0.6)"'], ['2015/2/1',10,'0','系列"游戏1...

    GuessTheFlag:猜标志

    RadialGradient(gradient: Gradient(colors: [Color.blue, Color.black]), center: .center, startRadius: 20, endRadius: 200) AngularGradient(gradient: Gradient(colors: [.red, .yellow, .green, .blue, ....

    Android UI效果之绘图篇(四)

    – RadialGradient – SweepGradient – ComposeShader 其中BitmapShader和LinearGradient已经做了说明,今天就把剩余的三个Shader补充一下 3. RadialGradient 先看下构造方法 /** @param centerX 中心X坐标...

    react-native-art-example

    React本地艺术的例子 要在您的react-native项目上使用React ... RadialGradient , Pattern , Transform , Path , Surface , Group , ClippingRectangle , Shape , Text , } = ReactART ; 检出index.ios.js以

    svgo:用于SVG生成的Go语言库

    图片,linearGradient,radialGradient, 变身 平移,旋转,缩放,倾斜X,倾斜Y 动画 animate,animateMotion,animateTranslate,animateRotate,animateScale,animateSkewX,animateSkewY 滤镜效果 过滤器,f

Global site tag (gtag.js) - Google Analytics