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

时间:2023-03-08 16:26:07

版权声明:本文为博主原创文章,未经博主允许不得转载。

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

相信很多人都看过歌词同步的效果, 一是竖直方向的滚动,另一方面是水平方面的歌词颜色渐变点亮效果,这种效果怎么做呢? 这就需要用到LinearGradient线性渲染,下面还是先看具体的使用:

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

LinearGradient有两个构造函数;

public LinearGradient(float x0, float y0, float x1, float y1, int[] colors, float[] positions,Shader.TileMode tile)

参数:

float x0: 渐变起始点x坐标

float y0:渐变起始点y坐标

float x1:渐变结束点x坐标

float y1:渐变结束点y坐标

int[] colors:颜色 的int 数组

float[] positions: 相对位置的颜色数组,可为null,  若为null,可为null,颜色沿渐变线均匀分布

Shader.TileMode tile: 渲染器平铺模式

public LinearGradient(float x0, float y0, float x1, float y1, int color0, int color1,Shader.TileMode tile)

float x0: 渐变起始点x坐标

float y0:渐变起始点y坐标

float x1:渐变结束点x坐标

float y1:渐变结束点y坐标

int color0: 起始渐变色

int color1: 结束渐变色

Shader.TileMode tile: 渲染器平铺模式

效果图:

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

然后看一下具体怎么实现这种效果;

MainActivity:

  1. package com.tony.shader;
  2. import android.os.Bundle;
  3. import android.app.Activity;
  4. public class MainActivity extends Activity {
  5. private LinearGradientView linearGradientView;
  6. @Override
  7. protected void onCreate(Bundle savedInstanceState) {
  8. super.onCreate(savedInstanceState);
  9. linearGradientView = new LinearGradientView(this);
  10. setContentView(linearGradientView);
  11. }
  12. }

LinearGradientView;

    1. package com.tony.shader;
    2. import android.content.Context;
    3. import android.graphics.Canvas;
    4. import android.graphics.Color;
    5. import android.graphics.LinearGradient;
    6. import android.graphics.Paint;
    7. import android.util.AttributeSet;
    8. import android.graphics.Shader;
    9. import android.view.View;
    10. public class LinearGradientView extends View {
    11. private LinearGradient linearGradient = null;
    12. private Paint paint = null;
    13. public LinearGradientView(Context context)
    14. {
    15. super(context);
    16. linearGradient = new LinearGradient(0, 0, 100, 100, new int[] {
    17. Color.YELLOW, Color.GREEN, Color.TRANSPARENT, Color.WHITE }, null,
    18. Shader.TileMode.REPEAT);
    19. paint = new Paint();
    20. }
    21. public LinearGradientView(Context context, AttributeSet attrs) {
    22. super(context, attrs);
    23. }
    24. @Override
    25. protected void onDraw(Canvas canvas) {
    26. // TODO Auto-generated method stub
    27. super.onDraw(canvas);
    28. //设置渲染器
    29. paint.setShader(linearGradient);
    30. //绘制圆环
    31. canvas.drawCircle(240, 360, 200, paint);
    32. }
    33. }