美文网首页安卓开发那点事
安卓图形绘制- LinearGradient 线性梯度

安卓图形绘制- LinearGradient 线性梯度

作者: icechao | 来源:发表于2019-01-17 13:58 被阅读0次

    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,颜色沿渐变线均匀分布
    
    Shader.TileMode tile: 渲染器模式
    

    x0,y0合在一起构成一个起点的坐标;

    x1,y1合在一起构成个结束点的坐标;

    int[]这个是颜色的数组所有的颜色;

    float[]颜色对应的位置

    Shader.TileMode颜色渐变的模式

    Shader.TileMode:
        CLAMP:超出其原始边界,则复制边缘颜色
        MIRROR:根据x轴或y轴进行翻转
        REPEAT:重复该明暗器的图像
    

    这里要重点说的是float数组的参数,不传入值的时候颜色值均匀分布在这个线上,那么均匀是指,如果传入3个值,那你float[]传入是空他的默认就是{0,0.5f,1},也就是说float数组是指的颜色对应的点

        LinearGradient linearGradient = new LinearGradient(x, mTopPadding, x, bottom,
                            new int[]{Color.TRANSPARENT, Color.WHITE, Color.WHITE, Color.TRANSPARENT},
                            new float[]{0f, 0.2f, 0.8f, 1f}, Shader.TileMode.CLAMP);
                    paint.setShader(linearGradient);
    

    上面的代码实现效果是这样的,其中的竖线

    请看竖线

    注意:白色部分设置的是0.2到0.8的过程,面不是只设置两边的透明色位置
    所以第一个渐变是0到0.2一个渐变白色,第二个渐变是0.8到1的渐变透明色
    也就是说想实现多个颜色不均匀分布,要设置颜色长度的两个边缘颜色而不是只设置中间值

    构造方法

    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: 渲染器平铺模式
    

    图中K线的项目地址
    candleLine
    KChartLib 线的lib : https://github.com/icechao/kline

    相关文章

      网友评论

        本文标题:安卓图形绘制- LinearGradient 线性梯度

        本文链接:https://www.haomeiwen.com/subject/uxhidqtx.html