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环形渲染的圆,点击后客缩放
RadialGradient 环形渲染 SweepGradient 梯度渲染(扫描渲染) ComposeShader 组合渲染 paint.setShader(bitmapShader); 效果展示,设置画笔渲染,画笔在图层上渲染,图片未摆满控件,摆放模式 1.xml布局: ...
RadialGradient: 光束渲染 ComposeShader: 组合渲染 渲染模式:Shader.TileMode Shader.TileMode.CLAMP: 边缘拉伸模式,它会拉伸边缘的一个像素来填充其他区域。 Shader.TileMode.MIRROR: 镜像模式,通过镜像...
对应的CSDN文章:https://blog.csdn.net/gaoxiaoweiandy/article/details/104127732
Paint的使用,Shader渲染器的使用,比如LinearGradient、RadialGradient、BitmapShader、SweepGradient
RadialGradient渲染 分析文章:http://blog.csdn.net/yegucheng2618/article/details/37907381
博客《自定义控件三部曲之绘图篇(二十)——RadialGradient与水波纹按钮效果》对应源码,博客地址:http://blog.csdn.net/harvic880925/article/details/52653811
冥王星plutosvg是C语言中的一个微型SVG渲染库特征基本形状:矩形,圆形,椭圆形,直线,折线,多边形,路径绘画服务器:solidColor,linearGradient,radialGradient,pattern(TODO) 文件结构:defs,svg,g,用途...
如何使用React Native ART渲染SVG文件? 我们不会使用任何svg库,而是将利用库。 界面看起来像这样。 import { ART } from 'react-native' ; const { Surface , Shape , Group , Text , Path , ...
Android自定义View中,使用RadialGradient来实现椭圆形的放射性渐变效果。 Android中实现椭圆形的绘制很简单,只需要调用canvas.drawOval()就可以了,但是椭圆形的中心发散渐变效果Android自带的API里面却是没有的,...
颤动渐变 精选的Dart制作的令人敬畏的渐变(Flutter的端口)。 目前仅包含线性渐变。 显示一些 :red_heart: 并为回购加注星标以支持该项目 安装 添加包裹 dependencies : flutter_gradients : ^1.0.0+3 ...
BitmapShader、LinearGradient、SweepGradient、RadialGradient、ComposeShader代码用法。参考博客:https://blog.csdn.net/gaoxiaoweiandy/article/details/104127732
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/...
兼容多浏览器就要为每一个浏览器写对应的 CSS,太低版本的浏览器只能使用图片做背景,下面是当前五大浏览器对 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...
RadialGradient(gradient: Gradient(colors: [Color.blue, Color.black]), center: .center, startRadius: 20, endRadius: 200) AngularGradient(gradient: Gradient(colors: [.red, .yellow, .green, .blue, ....
– RadialGradient – SweepGradient – ComposeShader 其中BitmapShader和LinearGradient已经做了说明,今天就把剩余的三个Shader补充一下 3. RadialGradient 先看下构造方法 /** @param centerX 中心X坐标...
React本地艺术的例子 要在您的react-native项目上使用React ... RadialGradient , Pattern , Transform , Path , Surface , Group , ClippingRectangle , Shape , Text , } = ReactART ; 检出index.ios.js以
图片,linearGradient,radialGradient, 变身 平移,旋转,缩放,倾斜X,倾斜Y 动画 animate,animateMotion,animateTranslate,animateRotate,animateScale,animateSkewX,animateSkewY 滤镜效果 过滤器,f