Paint方法总结(二):着色渲染器Shader

setShader(Shader shader):设置着色器,对图层进行渲染,Shader一共有五个子类

  • 1、LinearGradient 线性渲染器

     /**
         * Create a shader that draws a linear gradient along a line.
      *
      * @param x0           The x-coordinate for the start of the gradient line
      * @param y0           The y-coordinate for the start of the gradient line
      * @param x1           The x-coordinate for the end of the gradient line
      * @param y1           The y-coordinate for the end of the gradient line
      * @param colors       The colors to be distributed along the gradient line
      * @param positions    May be null. The relative positions [0..1] of
      *                     each corresponding color in the colors array. If this is null,
      *                     the the colors are distributed evenly along the gradient line.
      * @param tile         The Shader tiling mode
     */
     public LinearGradient(float x0, float y0, float x1, float y1, @NonNull @ColorInt int colors[],
             @Nullable float positions[], @NonNull TileMode tile)
    

    参数说明

x0,y0,x1,y1:渐变的起始点位置

int[] colors:需要渐变的颜色数组

TileMode tile:着色规则(稍后的位图着色规则中做详细说明)

float[] position:需要渐变的位置数组,范围0-1。这里position的个数和color的个数要相同,不然系统会报出异常,使用的时候需要注意一下

效果示例图:

null.png
position.png
  • 2、RadialGradient:环形渲染

      /**
       * Create a shader that draws a radial gradient given the center and radius.
       *
       * @param centerX  The x-coordinate of the center of the radius
       * @param centerY  The y-coordinate of the center of the radius
       * @param radius   Must be positive. The radius of the circle for this gradient.
       * @param colors   The colors to be distributed between the center and edge of the circle
       * @param stops    May be <code>null</code>. Valid values are between <code>0.0f</code> and
       *                 <code>1.0f</code>. The relative position of each corresponding color in
       *                 the colors array. If <code>null</code>, colors are distributed evenly
       *                 between the center and edge of the circle.
       * @param tileMode The Shader tiling mode
       */
      public RadialGradient(float centerX, float centerY, float radius,
              @NonNull @ColorInt int colors[], @Nullable float stops[],
              @NonNull TileMode tileMode)
    

    参数说明

    centerX、centerY:辐射中心的坐标

    radius:辐射半径

    colors[]:渐变颜色数组

    stops:同线性变换,这里stop数组表示一个渐变位置

    tileMode:末尾着色规则(同上,稍后做差异说明)

    效果示例图如下:

    null.png
    position.png
  • 3、SweepGradient:扫描渲染

      /**
           * A Shader that draws a sweep gradient around a center point.
           *
           * @param cx       The x-coordinate of the center
           * @param cy       The y-coordinate of the center
           * @param colors   The colors to be distributed between around the center.
           *                 There must be at least 2 colors in the array.
           * @param positions May be NULL. The relative position of
           *                 each corresponding color in the colors array, beginning
           *                 with 0 and ending with 1.0. If the values are not
           *                 monotonic, the drawing may produce unexpected results.
           *                 If positions is NULL, then the colors are automatically
           *                 spaced evenly.
           */
          public SweepGradient(float cx, float cy,
                  @NonNull @ColorInt int colors[], @Nullable float positions[])
    

    参数说明

    cx、cy:扫描中心点坐标

    colors:渐变颜色数组

    position渐变颜色位置

    说明一下:颜色渐变的方向是按照顺时针的方向进行渐变的

    效果图如下:

    sweep.png
  • 4、BitmapShader:位图渲染

      /**
           * Call this to create a new shader that will draw with a bitmap.
           *
           * @param bitmap The bitmap to use inside the shader
           * @param tileX The tiling mode for x to draw the bitmap in.
           * @param tileY The tiling mode for y to draw the bitmap in.
           */
          public BitmapShader(@NonNull Bitmap bitmap, @NonNull TileMode tileX, @NonNull TileMode tileY)
    

    参数说明

    bitmap:需要渲染的目标位图

    tileX:横向剩余方向的着色规则;类型为TileMode

    tileY:纵向剩余方向的着色规则,类型为TileMode

    TileMode参数说明:

    如果控件区域大小大于指定的渲染区域,那么这个参数指定未渲染到的图层的绘制方式。

    主要有三种方式;

    • TileMode.CLAMP:表示超过渲染区域未渲染的地方以渲染的最后一个像素色值进行渲染

      效果示例图:

    clamp.png
    • TileMode.REPEAT:表示超过渲染区域未渲染的地方以渲染的地方为样本进行重复渲染

      效果示例图

      repeat.png
    • TileMode.MIRROR:表示超过渲染区域未渲染的地方以渲染的地方为样本来进行镜像渲染

      效果示例图

      mirror.png

      当然也可以对tileX和tileY分别指定不同的TileMode,这里就不放示例图了,大家可以自己去实践试一试

  • 5、ComposeShader:组合渲染

      /**
           * Create a new compose shader, given shaders A, B, and a combining PorterDuff mode.
           * When the mode is applied, it will be given the result from shader A as its
           * "dst", and the result from shader B as its "src".
           *
           * @param shaderA  The colors from this shader are seen as the "dst" by the mode
           * @param shaderB  The colors from this shader are seen as the "src" by the mode
           * @param mode     The PorterDuff mode that combines the colors from the two shaders.
          */
          public ComposeShader(@NonNull Shader shaderA, @NonNull Shader shaderB,
                  @NonNull PorterDuff.Mode mode)
    

    参数说明

    shaderA、shaderB:需要进行组合的渲染器A、B

    mode:两个渲染器进行组合的模式,这个组合模式设计各式各样的算法,这个在后面做专门的说明

    这里先看一下组合后的效果,用前面做的线性渲染器和位图渲染器来做一个示例

    示例代码:

      ComposeShader composeShader = new ComposeShader(getLiearGradient(),getBitmapShader(bitmap), PorterDuff.Mode.MULTIPLY);
    

    示例效果:

    compose.png
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,658评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,482评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,213评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,395评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,487评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,523评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,525评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,300评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,753评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,048评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,223评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,905评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,541评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,168评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,417评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,094评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,088评论 2 352

推荐阅读更多精彩内容