Android如何绘制发光效果详解

168 阅读 0 评论 111 点赞

我是靠谱客的博主传统火龙果，这篇文章主要介绍Android如何绘制发光效果详解，现在分享给大家，希望可以做个参考。

前言

之前在看别人写自定义view作绘制的时候，看到别人家的view自带发光效果，看起来也是蛮炫酷的，于是自己也抽出时间来试用一下，这里做了一个模仿太阳的各种状态样式。

先上效果先上效果：

实现方式：

复制代码

1
public BlurMaskFilter(float radius, Blur style) {

实现是使用的Paint类的setMaskFilter()方法，传入BlurMaskFilter对象实现高斯模糊发光。

float radius 设置模糊半径
Blur style 设置发光样式，包括
- Blur.INNER(内发光)，Blur.NORMAL(内外发光)
- Blur.SOLID(外发光)，Blur.OUTER(仅外发光可见)

贴上代码

复制代码

public class MaskFilterView extends View {
 private Paint lightPaint;
 private int centerX, centerY;
 /** 发光范围 */
 private int radioRadius = 70;

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

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

private void init() {
 lightPaint = new Paint();
 setLayerType(LAYER_TYPE_SOFTWARE, null);
 lightPaint.setColor(Color.parseColor("#EC3E3E"));
 lightPaint.setMaskFilter(new BlurMaskFilter(radioRadius, BlurMaskFilter.Blur.INNER));
 }

@Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 centerX = getLeft() + getMeasuredWidth()/2;
 centerY = getTop() + getMeasuredHeight()/2;
 super.onMeasure(widthMeasureSpec, widthMeasureSpec);
 }

public void setBlurType(int blurType) {
 switch (blurType) {
  case 0:
  lightPaint.setMaskFilter(new BlurMaskFilter(radioRadius, BlurMaskFilter.Blur.INNER));
  break;
  case 1:
  lightPaint.setMaskFilter(new BlurMaskFilter(radioRadius, BlurMaskFilter.Blur.NORMAL));
  break;
  case 2:
  lightPaint.setMaskFilter(new BlurMaskFilter(radioRadius, BlurMaskFilter.Blur.SOLID));
  break;
  case 3:
  lightPaint.setMaskFilter(new BlurMaskFilter(radioRadius, BlurMaskFilter.Blur.OUTER));
  break;
 }

invalidate();
 }

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

canvas.drawCircle(centerX, centerY, 150, lightPaint);
 }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
public class MaskFilterView extends View {
 private Paint lightPaint;
 private int centerX, centerY;
 /** 发光范围 */
 private int radioRadius = 70;

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

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

 private void init() {
 lightPaint = new Paint();
 setLayerType(LAYER_TYPE_SOFTWARE, null);
 lightPaint.setColor(Color.parseColor("#EC3E3E"));
 lightPaint.setMaskFilter(new BlurMaskFilter(radioRadius, BlurMaskFilter.Blur.INNER));
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 centerX = getLeft() + getMeasuredWidth()/2;
 centerY = getTop() + getMeasuredHeight()/2;
 super.onMeasure(widthMeasureSpec, widthMeasureSpec);
 }

 public void setBlurType(int blurType) {
 switch (blurType) {
  case 0:
  lightPaint.setMaskFilter(new BlurMaskFilter(radioRadius, BlurMaskFilter.Blur.INNER));
  break;
  case 1:
  lightPaint.setMaskFilter(new BlurMaskFilter(radioRadius, BlurMaskFilter.Blur.NORMAL));
  break;
  case 2:
  lightPaint.setMaskFilter(new BlurMaskFilter(radioRadius, BlurMaskFilter.Blur.SOLID));
  break;
  case 3:
  lightPaint.setMaskFilter(new BlurMaskFilter(radioRadius, BlurMaskFilter.Blur.OUTER));
  break;
 }

 invalidate();
 }

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

 canvas.drawCircle(centerX, centerY, 150, lightPaint);
 }
}