图文详解Andorid中用Shape定义GradientDrawable

最新推荐文章于 2022-08-19 16:34:32 发布
最新推荐文章于 2022-08-19 16:34:32 发布
阅读量400 收藏
点赞数 1
分类专栏： android

Android中提供了各种类型的Drawable，也可以用XML定义各种Drawable。本文重点讲述如何用XML中的shape节点定义GradientDrawable。

用XML定义的drawable文件放在res/drawable目录下。

用XML文件定义GradientDrawable的语法如下所示：

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
<? xml version = "1.0" encoding = "utf-8" ?>
< shape
     xmlns:android = "http://schemas.android.com/apk/res/android"
     android:shape=["rectangle" | "oval" | "line" | "ring"] >
     < corners
         android:radius = "integer"
         android:topLeftRadius = "integer"
         android:topRightRadius = "integer"
         android:bottomLeftRadius = "integer"
         android:bottomRightRadius = "integer" />
     < gradient
         android:angle = "integer"
         android:centerX = "integer"
         android:centerY = "integer"
         android:centerColor = "integer"
         android:endColor = "color"
         android:gradientRadius = "integer"
         android:startColor = "color"
         android:type=["linear" | "radial" | "sweep"]
         android:useLevel=["true" | "false"] />
     < padding
         android:left = "integer"
         android:top = "integer"
         android:right = "integer"
         android:bottom = "integer" />
     < size
         android:width = "integer"
         android:height = "integer" />
     < solid
         android:color = "color" />
     < stroke
         android:width = "integer"
         android:color = "color"
         android:dashWidth = "integer"
         android:dashGap = "integer" />
</ shape >

该文件以<shape>为根结点，其shape属性可取四种值：rectangle、oval、line或ring。以上语法格式中虽然列出了很多属性，但是并不是对于所有类型的shape都支持这些属性。下面分别对这四种shape进行讲解。

rectangle

在res/drawable下面用XML文件定义了一个名为rectangle的GradientDrawable，其对应的shape值为rectangle，表明我们定义的drawable的形状是矩形。在layout文件中定义了一个TextView，其使用了上述drawable，如下所示：

1
2
3
4
< TextView android:text = "@string/hello_world"
         android:layout_width = "200dp"
         android:layout_height = "100dp"
         android:background = "@drawable/rectangle" />
  • solidrectangle.xml定义如下所示：
    1
    2
    3
    4
    5
    <? xml version = "1.0" encoding = "utf-8" ?>
    < shape xmlns:android = "http://schemas.android.com/apk/res/android"
    android:shape = "rectangle" >
         < solid android:color = "#00ff00" />
    </ shape >

    在上面的XML文件中，我们将shape属性设置为rectangle，我们将<solid>节点的color属性设置为绿色，<solid>属性是用来设置面的填充色的，效果如下所示：
    这里写图片描述

  • corners
    <corners>节点用于设置drawable四个拐角的半径，对应的XML文件如下所示：
    1
    2
    3
    4
    5
    6
    <? xml version = "1.0" encoding = "utf-8" ?>
    < shape xmlns:android = "http://schemas.android.com/apk/res/android"
    android:shape = "rectangle" >
         < solid android:color = "#00ff00" />
         < corners android:radius = "20dp" />
    </ shape >

    效果如下所示：
    这里写图片描述只有当shape属性值为rectangle时，<corners>节点才会有用。<corners>节点的radius属性同时定义了四个角的半径，如果想让这四个角的半径不一样，可以分别设置topLeftRadius、topRightRadius、bottomLeftRadius和bottomRightRadius属性，不过在设置这四个属性之前应先设置radius属性作为默认值，且默认值要大于1，无法正常使用其他四个属性。

  • padding
    <padding>节点用于设置drawable的padding，可以分别设置left、right、top、bottom四个属性，其作用与直接对TextView设置的四个paddingLeft、paddingRight、paddingTop、paddingBottom属性等价。XML文件如下所示：
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <? xml version = "1.0" encoding = "utf-8" ?>
    < shape xmlns:android = "http://schemas.android.com/apk/res/android"
    android:shape = "rectangle" >
         < solid android:color = "#00ff00" />
         < corners android:radius = "20dp" />
         < padding android:left = "10dp"
             android:right = "10dp"
             android:top = "10dp"
             android:bottom = "10dp" />
    </ shape >

    效果如下所示：
    这里写图片描述

  • size
    可以用<size>节点的width和height属性设置drawable的尺寸。默认情况下，用<shape>定义的drawable会自动缩放到包含drawable的View尺寸范围。比如我们有如下的ImageView的src设置了<shape>定义的drawable，当我们设置了其scaleType值为center时，<shape>中定义的size尺寸就会限制drawable缩放。定义的ImageView如下所示：
    1
    2
    3
    4
    5
    6
    < ImageView
         android:layout_width = "200dp"
         android:layout_height = "200dp"
         android:src = "@drawable/rectangle"
         android:scaleType = "center"
         />

    对应的drawable定义如下所示：

    1
    2
    3
    4
    5
    6
    7
    8
    <? xml version = "1.0" encoding = "utf-8" ?>
    < shape xmlns:android = "http://schemas.android.com/apk/res/android"
    android:shape = "rectangle" >
         < solid android:color = "#00ff00" />
         < corners android:radius = "20dp" />
         < size android:width = "100dp"
             android:height = "100dp" />
    </ shape >

    效果如下所示：
    这里写图片描述

  • stroke
    可以用<stroke>节点设置drawable的轮廓线，通过width属性设置轮廓线的宽度，通过color属性设置轮廓线的颜色。默认情况下，<stroke>定义的是实线，除此之外，还可以设置dashWidth和dashGap属性，如果设置了这两个属性，那么就是虚线。其中，dashWidth定义了每个虚线段的长度，dashGap定义了两个虚线段之间的距离。对应的XML文件如下所示：
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <? xml version = "1.0" encoding = "utf-8" ?>
    < shape xmlns:android = "http://schemas.android.com/apk/res/android"
    android:shape = "rectangle" >
         < solid android:color = "#00ff00" />
         < corners android:radius = "20dp" />
         < padding android:left = "20dp"
             android:top = "20dp"
             android:right = "20dp"
             android:bottom = "20dp" />
         < stroke android:width = "1dp"
             android:color = "#0000ff"
             android:dashWidth = "8dp"
             android:dashGap = "2dp" />
    </ shape >

    效果如下所示：
    这里写图片描述

  • gradient
    上面我们说到，通过<solid>可以设置drawable的颜色，但是只是一种纯色，如果想让drawable产生渐变效果，可以使用<gradient>节点创建渐变色效果。<gradient>节点具有以下属性：type、startColor、centerColor、endColor、angle、centerX、centerY、gradientRadius。其中type有三种取值：linear、radial和sweep，默认值是linear。当type取不同的值时，<gradient>并不是支持全部属性，下面详细说明。
    • linear
      当<gradient>的type值为linear时，表示颜色是线性渐变的，此时支持startColor、centerColor、endColor、angle这四个属性，其他属性不支持。我们可以通过设置startColor和endColor指定渐变的起始颜色以及终止颜色，XML如下所示：
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      <? xml version = "1.0" encoding = "utf-8" ?>
      < shape xmlns:android = "http://schemas.android.com/apk/res/android"
      android:shape = "rectangle" >
           < corners android:radius = "20dp" />
           < padding android:left = "20dp"
               android:top = "20dp"
               android:right = "20dp"
               android:bottom = "20dp" />
           < gradient android:type = "linear"
               android:startColor = "#ff0000"
               android:endColor = "#0000ff" />
      </ shape >

      我们将startColor设置为红色，endColor设置为蓝色，效果如下所示：
      这里写图片描述我们还可以设置centerColor属性，指定中间色，XML如下所示：

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      <? xml version = "1.0" encoding = "utf-8" ?>
      < shape xmlns:android = "http://schemas.android.com/apk/res/android"
      android:shape = "rectangle" >
           < corners android:radius = "20dp" />
           < padding android:left = "20dp"
               android:top = "20dp"
               android:right = "20dp"
               android:bottom = "20dp" /&gt;
           <gradient android:type = "linear"
               android:startColor = "#ff0000"
               android:centerColor = "#00ff00"
               android:endColor = "#0000ff" />
      </ shape >

      我们将中间色设置为绿色，效果如下所示：
      这里写图片描述

      默认情况下，渐变是从左向右进行的，如果想调整渐变的方向可以设置angle属性，angle的默认值为0，对应着自左向右渐变,angle的单位是角度，angle的值必须是45的倍数，否则不会有渐变效果。我们可以更改angle值，XML如下所示:

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      <? xml version = "1.0" encoding = "utf-8" ?>
      < shape xmlns:android = "http://schemas.android.com/apk/res/android"
      android:shape = "rectangle" >
           < corners android:radius = "20dp" />
           < padding android:left = "20dp"
               android:top = "20dp"
               android:right = "20dp"
               android:bottom = "20dp" />
           < gradient android:type = "linear"
               android:startColor = "#ff0000"
               android:centerColor = "#00ff00"
               android:endColor = "#0000ff"
               android:angle = "90" />
      </ shape >

      我们将angle设置为90度，那么渐变方向就变成了从下上，效果如下所示：
      这里写图片描述

    • radial
      当<gradient>的type值为radial时，表示颜色从某点向周围辐射渐变，此时支持除angle之外的其他所有属性。我们必须通过设置gradientRadius属性以指定渐变的辐射半径，通过startColor指定起始颜色，XML如下所示：
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      <? xml version = "1.0" encoding = "utf-8" ?>
      < shape xmlns:android = "http://schemas.android.com/apk/res/android"
      android:shape = "rectangle" >
           < corners android:radius = "20dp" />
           < padding android:left = "20dp"
               android:top = "20dp"
               android:right = "20dp"
               android:bottom = "20dp" />
           < gradient android:type = "radial"
               android:gradientRadius = "50dp"
               android:startColor = "#ff0000" />
      </ shape >

      我们将startColor设置为红色，效果如下所示：
      这里写图片描述由上图我们可以发现，startColor（红色）从中心沿着圆的半径逐渐变淡。

      在设置了startColor的基础上，我们还可以设置centerColor，XML如下所示：

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      <? xml version = "1.0" encoding = "utf-8" ?>
      < shape xmlns:android = "http://schemas.android.com/apk/res/android"
      android:shape = "rectangle" &gt;
           <corners android:radius = "20dp" />
           < padding android:left = "20dp"
               android:top = "20dp"
               android:right = "20dp"
               android:bottom = "20dp" />
           < gradient android:type = "radial"
               android:gradientRadius = "50dp"
               android:startColor = "#ff0000"
               android:centerColor = "#00ff00" />
      </ shape >

      效果如下图所示：
      这里写图片描述

      由上图可以看出，startColor（红色）从中心沿着圆的半径逐渐渐变到centerColor（绿色）。

      除了设置startColor、centerColor，还可以设置endColor，XML如下所示：

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      <? xml version = "1.0" encoding = "utf-8" ?>
      < shape xmlns:android = "http://schemas.android.com/apk/res/android"
      android:shape = "rectangle" >
           < corners android:radius = "20dp" />
           < padding android:left = "20dp"
               android:top = "20dp"
               android:right = "20dp"
               android:bottom = "20dp" />
           < gradient android:type = "radial"
               android:gradientRadius = "50dp"
               android:startColor = "#ff0000"
               android:centerColor = "#00ff00"
               android:endColor = "#0000ff" />
      </ shape >

      我们将centerColor设置为绿色，效果如下所示：
      这里写图片描述
      由上图可以看出，startColor（红色）从中心沿着圆的半径逐渐渐变到centerColor（绿色），在指定的半径之外颜色用endColor（蓝色）填充。

      其实，startColor、centerColor、endColor这三个属性可以任意组合，大家可以自己尝试一下各种组合的效果。

      默认圆心的位置处于drawable的中心，我们可以通过centerX和centerY属性改变渐变圆心的位置，centerX和centerY的取值范围都是0到1，这两个属性的默认值都是0.5，drawable的左上角的centerX和centerY的值都是0，右下角的centerX和centerY的值都是1。我们改变centerX和centerY的值，XML如下所示：

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      <? xml version = "1.0" encoding = "utf-8" ?>
      < shape xmlns:android = "http://schemas.android.com/apk/res/android"
      android:shape = "rectangle" >
           < corners android:radius = "20dp" />
           < padding android:left = "20dp"
               android:top = "20dp"
               android:right = "20dp"
               android:bottom = "20dp" />
           < gradient android:type = "radial"
               android:gradientRadius = "50dp"
               android:startColor = "#ff0000"
               android:centerColor = "#00ff00"
               android:endColor = "#0000ff"
               android:centerX = "0"
               android:centerY = "0.5" />
      </ shape >

      效果如下所示：
      这里写图片描述

    • sweep
      当<gradient>的type值为sweep时，表示颜色是围绕中心点360度顺时针旋转的，起点就是3点钟位置。
      我们可以只设置startColor，XML文件如下所示：
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      <? xml version = "1.0" encoding = "utf-8" ?>
      < shape xmlns:android = "http://schemas.android.com/apk/res/android"
      android:shape = "rectangle" >
           < corners android:radius = "20dp" />
           < padding android:left = "20dp"
               android:top = "20dp"
               android:right = "20dp"
               android:bottom = "20dp" />
           < gradient android:type = "sweep"
               android:startColor = "#ff0000" />
      </ shape >

      我们将startColor设置为红色，效果如下所示：
      这里写图片描述我们也可以只设置endColor，XML文件如下所示：

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      <? xml version = "1.0" encoding = "utf-8" ?>
      < shape xmlns:android = "http://schemas.android.com/apk/res/android"
      android:shape = "rectangle" >
           < corners android:radius = "20dp" />
           < padding android:left = "20dp"
               android:top = "20dp"
               android:right = "20dp"
               android:bottom = "20dp" />
           < gradient android:type = "sweep"
               android:endColor = "#0000ff" />
      </ shape >

      将endColor设置为蓝色，效果如下所示：
      这里写图片描述

      我们也可以只设置centerColor的值，XML文件如下所示：

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      <? xml version = "1.0" encoding = "utf-8" ?>
      < shape xmlns:android = "http://schemas.android.com/apk/res/android"
      android:shape = "rectangle" >
           < corners android:radius = "20dp" />
           < padding android:left = "20dp"
               android:top = "20dp"
               android:right = "20dp"
               android:bottom = "20dp" />
           < gradient android:type = "sweep"
               android:centerColor = "#00ff00" />
      </ shape >

      将centerColor设置为绿色，效果如下所示：
      这里写图片描述

      我们也可以同时设置startColor、centerColor、endColor的值，XML文件如下所示：

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      <? xml version = "1.0" encoding = "utf-8" ?>
      < shape xmlns:android = "http://schemas.android.com/apk/res/android"
      android:shape = "rectangle" >
           < corners android:radius = "20dp" />
           < padding android:left = "20dp"
               android:top = "20dp"
               android:right = "20dp"
               android:bottom = "20dp" />
           < gradient android:type = "sweep"
               android:startColor = "#ff0000"
               android:centerColor = "#00ff00"
               android:endColor = "#0000ff" />
      </ shape >

      将startColor、centerColor、endColor分别设置为红、绿、蓝，效果如下所示：
      这里写图片描述

      centerX和centerY的默认值都是0.5，表示中心点的默认位置就是drawable的中心，我们也可以更改centerX和centerY的值，从而更新中心点的位置，XML文件如下所示：

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      <? xml version = "1.0" encoding = "utf-8" ?>
      < shape xmlns:android = "http://schemas.android.com/apk/res/android"
      android:shape = "rectangle" >
           < corners android:radius = "20dp" />
           < padding android:left = "20dp"
               android:top = "20dp"
               android:right = "20dp"
               android:bottom = "20dp" />
           < gradient android:type = "sweep"
               android:startColor = "#ff0000"
               android:centerColor = "#00ff00"
               android:endColor = "#0000ff"
               android:centerX = "0.25"
               android:centerY = "0.5" />
      </ shape >

      我们将centerX的值设置为0.25,效果如下所示：
      这里写图片描述

oval

在res/drawable下面用XML文件定义了一个名为oval的GradientDrawable，其对应的shape值为oval，表示drawable的形状是椭圆，并将该drawable作为TextView的background。oval和rectangle的主要区别就是drawable的形状不同，大部分的节点属性的作用是相同的。

  • solid
    如同rectangle，我们可以通过solid指定drawable的颜色，XML如下所示：
    1
    2
    3
    4
    5
    <? xml version = "1.0" encoding = "utf-8" ?>
    < shape xmlns:android = "http://schemas.android.com/apk/res/android"
         android:shape = "oval" >
         < solid android:color = "#00ff00" />
    </ shape >

    效果如下所示：
    这里写图片描述

  • corners
    当shape为oval时，不支持<corners>节点。
  • padding
    oval同样支持<padding>节点，将四个padding值设置为20dp，效果如下所示：
    这里写图片描述
  • size
    oval不支持<size>节点。
  • stroke
    同rectangle一样，我们也可以为oval设定<stroke>，效果如下所示：
    这里写图片描述
  • gradient
    oval同样支持<gradient>节点实现渐变效果，type属性也是支持linear、radial、sweep三个属性。<gradient>节点实现的渐变效果桶rectangle的渐变效果基本一样。
    • linear
      当type为linear时，实现线性渐变效果，我们将startColor、centerColor、endColor分别设置为红、绿、蓝，并设置angle为45度，效果如下所示：
      这里写图片描述
    • radial
      当type为radial时，实现放射渐变效果，我们将startColor、centerColor、endColor分别设置为红、绿、蓝，效果如下所示：
      这里写图片描述
    • sweep
      当type为sweep时，表示颜色是围绕中心点360度顺时针旋转的，起点就是3点钟位置。我们将startColor、centerColor、endColor分别设置为红、绿、蓝，效果如下所示：
      这里写图片描述<gradient>节点中的多个参数组合的效果可以参见上述rectangle中的说明。

line

在res/drawable下面用XML文件定义了一个名为line的GradientDrawable，其对应的shape值为line，并将该drawable作为TextView的background。当shape为line时，表示drawable的形状是线，该线会分割drawable。line只支持<stroke>和<padding>两个节点，不支持其他的节点。

XML文件如下所示：

1
2
3
4
5
6
7
8
9
10
11
12
<? xml version = "1.0" encoding = "utf-8" ?>
< shape xmlns:android = "http://schemas.android.com/apk/res/android"
     android:shape = "line" >
     < stroke android:color = "#0000ff"
         android:width = "1dp"
         android:dashWidth = "8dp"
         android:dashGap = "2dp" />
     < padding android:left = "20dp"
         android:right = "20dp"
         android:top = "20dp"
         android:bottom = "20dp" />
</ shape >

效果如下所示：
这里写图片描述

ring

在res/drawable下面用XML文件定义了一个名为ring的GradientDrawable，其对应的shape值为ring，表示drawable的形状是圆环，并将该drawable作为TextView的background。所谓圆环就是大圆套小圆。当shape为ring时，shape有额外的四个属性可用：innerRadius、thickness、innerRadiusRatio、thicknessRatio。

需要特别注意的是，在API<=19的真机上使用shape为ring的drawable时，Android有个bug，会不显示drawable，解决办法是将shape设置useLevel属性为true。

我们通过innerRadius指定小圆的半径，通过thickness指定大圆和小圆之间的宽度。XML如下所示：

1
2
3
4
5
6
7
8
9
10
11
12
<? xml version = "1.0" encoding = "utf-8" ?>
< shape xmlns:android = "http://schemas.android.com/apk/res/android"
     android:shape = "ring"
     android:innerRadius = "10dp"
     android:thickness = "20dp"
     android:useLevel = "false" >
     < solid android:color = "#00ff00" />
     < padding android:left = "20dp"
         android:right = "20dp"
         android:top = "20dp"
         android:bottom = "20dp" />
</ shape >

效果如下所示：
这里写图片描述

我们还可以通过innerRadiusRatio指定小圆的半径，innerRadiusRatio的值是float类型，如果其值是9，表示小圆的半径等于TextView宽度的1/9。同样，也可以通过thicknessRatio指定大圆和小圆之间的宽度，其值类型也是float，如果值为8，则表示大小圆之间的宽度等于TextView的1/8。XML文件如下所示：

1
2
3
4
5
6
7
8
9
10
11
12
<? xml version = "1.0" encoding = "utf-8" ?>
< shape xmlns:android = "http://schemas.android.com/apk/res/android"
     android:shape = "ring"
     android:innerRadiusRatio = "9"
     android:thicknessRatio = "8"
     android:useLevel = "false" >
     < solid android:color = "#00ff00" />
     < padding android:left = "20dp"
         android:right = "20dp"
         android:top = "20dp"
         android:bottom = "20dp" />
</ shape >

效果如下所示：
这里写图片描述

如果给ring设置了<stroke>，那么大小圆都会使用该设置的轮廓线，效果如下所示：
这里写图片描述

ring同样支持<gradient>实现渐变效果，默认type为linear，只将startColor设置为红色，效果如下所示：
这里写图片描述

type为linear时，只将centerColor设置为绿色，效果如下所示：
这里写图片描述

type为linear时，只将endColor设置为蓝色，效果如下所示：
这里写图片描述

type为linear时，<gradient>也支持angle参数。大家可以自己尝试多种颜色的组合效果。

当<gradient>的type值设置为gradial时，需要指定gradientRadius属性，否则会报错。gradial并不能像上面那样实现辐射渐变效果，gradial的ring只是用startColor填充圆环的颜色，实现的效果与指定<solid>节点中的color属性相同，此处就不贴图了。

当type为sweep时，表示颜色是围绕中心点360度顺时针旋转的，起点就是3点钟位置。我们将startColor、centerColor、endColor分别设置为红、绿、蓝，效果如下所示：
这里写图片描述

转自：Android开发中文站 » 图文详解Andorid中用Shape定义GradientDrawable
zubbles
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android gradientdrawable 参数,Android开发 GradientDrawable详解
weixin_31629313的博客
05-27 646
前言GradientDrawable类似与Xml布局里的shape,常用在一些自己封装的对话框控件的背景或者其他View中,优势是不需要你在带着xml布局文件一起封包..画线GradientDrawable gradientDrawable =new GradientDrawable();gradientDrawable.setShape(GradientDrawable.LINE);gradie...
android 动态渐变,Android 动态修改渐变 GradientDrawable
weixin_35692916的博客
05-26 1421
Android 绘图学习1GradientDrawable 简介以前的文章写过 Android中渐变实现方式前面的文章 讲解了如何实现渐变类似LinearGradient,SweepGradient是用于Paint的setShader的，可以通过定义xml的shape，内部利用gradient标签，将shape作为view的背景快速实现渐变。但当我们需要动态修改时，就需要用到GradientDr...
Android GradientDrawable(shape标签定义) 静态使用和动态使用(圆角，渐变实现)
amos1993的博客
06-22 456
Android GradientDrawable使用优势： 　　1. 快速实现一些基本图形（线，矩形，圆，椭圆，圆环） 　　2. 快速实现一些圆角，渐变，阴影等效果 　　3. 代替图片设置为View的背景 　　4. 可以减少apk大小，提升用户下载意愿 　　5. 还可以减少内存占用 　　6. 方便修改与维护 　　基于上面几种优势，我们很多时候都会选择使用android的sh...
Android GradientDrawable
NewActivity的博客
03-12 1428
前言 　　GradientDrawable 支持渐变色的Drawable，与shapeDrawable在画型上是类似的，多了支持渐变色。代码上的GradientDrawable比在xml里的shape下gradient属性强大的多，因为shape下gradient属性只支持三色阶渐变，而GradientDrawable可以有更多的色阶渐变。 画线 GradientDrawable gradientDrawable = new GradientDrawable(); g
【Android UI】 Shape详解 (GradientDrawable)
baiduyule1234的专栏
09-04 617
本次就谈一下自定义图形shape，Android上支持以下几种属性shape、gradient、stroke、corners、padding、solid等。 简单说明一下：   gradient   -- 对应颜色渐变。 startcolor、endcolor就不多说了。 android:angle 是指从哪个角度开始变。 solid      --  填充。
Android使用shape绘制阴影图层阴影效果示例
08-27
Android 使用 Shape 绘制阴影图层阴影效果示例 本篇文章主要介绍了 Android 使用 Shape 绘制阴影图层阴影效果示例，通过使用 Shape 可以轻松实现阴影效果。在文章中，我们会详细介绍如何使用 Shape 来实现阴影效果...
Android中使用Shape自定义形状
05-08
在Android开发中，Shape是XML布局文件中的一种元素，它允许开发者自定义各种图形，如矩形、椭圆、线和梯形等，用于创建丰富多彩的背景或按钮样式。本教程将深入探讨如何在Android中使用Shape来实现自定义形状。 1. ...
android shape大小,Android shape属性详解
weixin_33634886的博客
05-26 1155
一、概述最近太忙了，几乎每天都在做项目。同时写两个项目的感觉真爽。在我们开发中，会经常遇到shape这种属性，这种属性可以在没有美工的情况照样可以实现我们想要的效果。自动动手，丰衣足食。二、效果图这里写图片描述二、属性shape描述rectangle矩形(默认)oval椭圆line直线ring环形三、基本属性基本属性描述Corners圆角Solid内部填充颜色Gradient渐变色Stroke这是...
Android中的Drawable资源—— GradientDrawable
欢迎关注微信公众号：DroidMind
06-14 748
ShapeDrawable 根据原始的形状来绘制图形，如矩形，圆形，线条等，可以是一个纯色的色块，也可以渐变的效果。当没有设置具体的图形时，默认为矩形。<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shap
Android开发 GradientDrawable详解
qq_45371893的博客
08-19 847
GradientDrawable 支持渐变色的Drawable，与shapeDrawable在画型上是类似的，多了支持渐变色。代码上的GradientDrawable比在xml里的shape下gradient属性强大的多，因为shape下gradient属性只支持三色阶渐变，而GradientDrawable可以有更多的色阶渐变。
Android Drawable Resource学习（十二）、ShapeDrawable还是GradientDrawable？
奋斗吧，骚年
01-22 806
一、发现奇怪的问题？ 在研究Android Drawable资源的时候，发现了一个奇怪的问题。在官方API介绍中： ShapeDrawable 介绍：This object can be defined in an XML file with the  element（这个对象可以用元素在xml文件中定义） GradientDrawable 介绍：This object
android gradientdrawable 参数,android UI之Shape详解_GradientDrawable
weixin_30345873的博客
05-27 198
释放双眼，带上耳机，听听看~！在Android开发过程中，经常需要改变控件的默认样式， 那么通常会使用多个图片来解决。不过这种方式可能需要多个图片，比如一个按钮，需要点击时的式样图片，默认的式样图片。 这样就容易使apk变大。那么除了使用drawable这样的图片外，还有其他方法吗?本次就谈一下自定义图形shape，Android上支持以下几种属性gradient、stroke、corners、p...
android UI之Shape详解_GradientDrawable
一个本科小生的奋斗史
08-25 4575
在Android开发过程中，经常需要改变控件的默认样式， 那么通常会使用多个图片来解决。不过这种方式可能需要多个图片，比如一个按钮，需要点击时的式样图片，默认的式样图片。 这样就容易使apk变大。      那么除了使用drawable这样的图片外，还有其他方法吗?      本次就谈一下自定义图形shape，Android上支持以下几种属性gradient、stroke、
GradientDrawable
ly969434341的专栏
02-28 288
GradientDrawable: https://developer.android.com/reference/android/graphics/drawable/GradientDrawable
Android GradientDrawable的XML实现
chuoshao2508的博客
01-04 77
 Android GradientDrawable的XML实现 Android GradientDrawable与附录文章1类似，这次以XML而非Java代码形式实现。比如写好一个shape文件放在res/drawable目录下，名字比如可以命名为gradient.xml。然...
Android开发：BannerLayout图文轮播实现教程
本文将详细介绍如何在Android平台上实现一个BannerLayout，用于展示图文轮播功能。这个功能在许多应用中都很常见，例如首页广告、产品推荐等，能够吸引用户的注意力并提供动态展示信息的方式。 首先，为了使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值