Android Drawable之GradientDrawable

最新推荐文章于 2025-03-05 22:55:18 发布

Time is precious

最新推荐文章于 2025-03-05 22:55:18 发布

阅读量2k

点赞数 1

分类专栏：小知识文章标签： android

本文链接：https://blog.csdn.net/sinat_41890480/article/details/108774725

版权

小知识专栏收录该内容

41 篇文章

订阅专栏

本文详细介绍了Android中的GradientDrawable，它是shape标签的代码实现，支持多种形状和渐变效果。通过代码示例展示了如何动态创建和修改GradientDrawable，包括绘制矩形、椭圆、线条、圆环、圆角矩形、虚线矩形以及颜色渐变等。此外，还讲解了如何设置渐变类型、颜色、方向、半径和透明度，以及如何实现防抖和虚线效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

看了别人的博客记录一下

GradientDrawable是什么

GradientDrawable在Android中便是shape标签的代码实现，利用GradientDrawable也可以创建出各种形状。
　GradientDrawable 支持渐变色的Drawable，与shapeDrawable在画型上是类似的，多了支持渐变色。代码上的GradientDrawable比在xml里的shape下gradient属性强大的多，因为shape下gradient属性只支持三色阶渐变，而GradientDrawable可以有更多的色阶渐变。

GradientDrawable使用方法

1. 获取控件的shape并进行动态修改：

既然GradientDrawable是shape的动态实现，那么他就可以通过动态的获取控件的shape获取实例并进行修改，
比如我的上一篇文章
android 动态生成shape以及动态的改变shape颜色

2. 通过代码动态创建：

//什么都不指定默认为矩形
GradientDrawable background = new GradientDrawable();
background.setColor(Color.GREEN);
view.setBackgroundDrawable(background);

如果想要设置形状的话可以通过setShape(int shape) 方法来进行设置，这里一共可以设置四种形状：
GradientDrawable.RECTANGLE:矩形
GradientDrawable.OVAL:椭圆形
GradientDrawable.LINE:一条线
GradientDrawable.RING:环形（环形试了好久不知为何画不出来）
这里用GradientDrawable.OVAL来实验一下：

GradientDrawable background = new GradientDrawable();
background.setColor(Color.GREEN);
background.setShape(GradientDrawable.OVAL);
view.setBackgroundDrawable(background);

如果想让效果更加丰富一些添加描边或者颜色渐变：

GradientDrawable background = new GradientDrawable();
background.setShape(GradientDrawable.OVAL);
background.setStroke(10,Color.RED);//设置宽度为10px的红色描边
background.setGradientType(GradientDrawable.LINEAR_GRADIENT);//设置线性渐变，除此之外还有：GradientDrawable.SWEEP_GRADIENT（扫描式渐变），GradientDrawable.RADIAL_GRADIENT（圆形渐变）
background.setColors(new int[]{Color.RED,Color.BLUE});//增加渐变效果需要使用setColors方法来设置颜色（中间可以增加多个颜色值）
view.setBackgroundDrawable(background);

以上根据 https://www.jianshu.com/p/dbccf8dfe3ef

下面是一些使用案例

画线

   GradientDrawable gradientDrawable = new GradientDrawable();
        gradientDrawable.setShape(GradientDrawable.LINE);
        gradientDrawable.setStroke(5, Color.YELLOW);//线的宽度 与 线的颜色
        mTextView.setBackground(gradientDrawable);

效果图: 在这里插入图片描述

画虚线

 mTextView.setLayerType(View.LAYER_TYPE_SOFTWARE,null); //要显示虚线一定要关闭硬件加速
        GradientDrawable gradientDrawable = new GradientDrawable();
        gradientDrawable.setShape(GradientDrawable.LINE);
        gradientDrawable.setStroke(1, Color.BLACK, 10, 10);//第一个参数为线的宽度  第二个参数是线的颜色 第三个参数是虚线段的长度 第四个参数是虚线段之间的间距长度
        mTextView.setBackground(gradientDrawable);

也可以在布局里关闭指定view的硬件加速

android:layerType="software"

在这里插入图片描述
3. 画圆

 GradientDrawable gradientDrawable = new GradientDrawable();
        gradientDrawable.setShape(GradientDrawable.OVAL);
        gradientDrawable.setColor(Color.BLUE);
        gradientDrawable.setSize(50,50);
        mTextView.setBackground(gradientDrawable);

在这里插入图片描述
4. 画圆环

 GradientDrawable gradientDrawable = new GradientDrawable();
        gradientDrawable.setShape(GradientDrawable.OVAL);
        gradientDrawable.setColor(Color.BLUE);
        gradientDrawable.setStroke(10,Color.YELLOW);
        gradientDrawable.setSize(50,50);
        mTextView.setBackground(gradientDrawable);

在这里插入图片描述
5. 圆角矩形

    GradientDrawable gradientDrawable = new GradientDrawable();
        gradientDrawable.setShape(GradientDrawable.RECTANGLE);
        gradientDrawable.setColor(Color.RED);
        gradientDrawable.setStroke(10,Color.BLUE);
        gradientDrawable.setCornerRadius(10);
        gradientDrawable.setSize(50,50);
        mTextView.setBackground(gradientDrawable);

在这里插入图片描述
6. 虚线矩形

        GradientDrawable gradientDrawable = new GradientDrawable();
        gradientDrawable.setShape(GradientDrawable.LINEAR_GRADIENT);
        gradientDrawable.setStroke(1, Color.GREEN,30, 30);
        mTextView.setBackground(gradientDrawable);

在这里插入图片描述
7. 颜色渐变
线性渐变

 int[] colors = {Color.YELLOW, Color.GREEN, Color.BLUE};
        GradientDrawable gradientDrawable = new GradientDrawable();
        gradientDrawable.setShape(GradientDrawable.RECTANGLE);
        gradientDrawable.setColors(colors); //添加颜色组
      　gradientDrawable.setGradientType(GradientDrawable.LINEAR_GRADIENT);//设置线性渐变
        gradientDrawable.setSize(50,50);
        mTextView.setBackground(gradientDrawable);

在这里插入图片描述
改变线性渐变方向

 int[] colors = {Color.YELLOW, Color.GREEN, Color.BLUE};
        GradientDrawable gradientDrawable = new GradientDrawable();
        gradientDrawable.setShape(GradientDrawable.RECTANGLE);
        gradientDrawable.setColors(colors); //添加颜色组
        gradientDrawable.setGradientType(GradientDrawable.LINEAR_GRADIENT);//设置线性渐变
        gradientDrawable.setOrientation(GradientDrawable.Orientation.RIGHT_LEFT);//设置渐变方向
        gradientDrawable.setSize(50,50);
        mTextView.setBackground(gradientDrawable);

在这里插入图片描述
半径渐变

 int[] colors = {Color.YELLOW, Color.GREEN, Color.BLUE};
        GradientDrawable gradientDrawable = new GradientDrawable();
        gradientDrawable.setShape(GradientDrawable.RECTANGLE);
        gradientDrawable.setColors(colors); //添加颜色组
        gradientDrawable.setGradientType(GradientDrawable.RADIAL_GRADIENT);//设置半径渐变
        gradientDrawable.setGradientRadius(50);//渐变的半径值
        gradientDrawable.setSize(50,50);
        mTextView.setBackground(gradientDrawable);

在这里插入图片描述
扫描渐变

 int[] colors = {Color.YELLOW, Color.GREEN, Color.BLUE};
        GradientDrawable gradientDrawable = new GradientDrawable();
        gradientDrawable.setShape(GradientDrawable.RECTANGLE);
        gradientDrawable.setColors(colors); //添加颜色组
        gradientDrawable.setGradientType(GradientDrawable.SWEEP_GRADIENT);//设置扫描渐变
        gradientDrawable.setGradientCenter(0.5f,0.5f);//渐变中心点
        gradientDrawable.setSize(50,50);
        mTextView.setBackground(gradientDrawable);

在这里插入图片描述
防抖

可以让渐变的时候颜色阶梯降低,变得更柔和

gradientDrawable.setDither(true);

透明度

  GradientDrawable gradientDrawable = new GradientDrawable();
        gradientDrawable.setShape(GradientDrawable.RECTANGLE);
        gradientDrawable.setColor(Color.YELLOW); 
        gradientDrawable.setAlpha(70);//设置透明度
        mTextView.setBackground(gradientDrawable);

在这里插入图片描述