zoukankan      html  css  js  c++  java
  • Android开发 GradientDrawable详解

    前言

      GradientDrawable 支持渐变色的Drawable,与shapeDrawable在画型上是类似的,多了支持渐变色。代码上的GradientDrawable比在xml里的shape下gradient属性强大的多,因为shape下gradient属性只支持三色阶渐变,而GradientDrawable可以有更多的色阶渐变。

    画线

            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"

    效果图:

    画圆

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

    效果图:

    画圆环

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

    效果图:

    圆角矩形

            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);

    效果图:

    虚线矩形

            GradientDrawable gradientDrawable = new GradientDrawable();
            gradientDrawable.setShape(GradientDrawable.LINEAR_GRADIENT);
            gradientDrawable.setStroke(1, Color.GREEN,30, 30);
            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.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);

  • 相关阅读:
    Find the total area covered by two rectilinear rectangles in a 2D plane. 208MM
    signal num一个int数组,里面数值都是成对出现,只有一个是单独的,找出单独者。360ms
    BitAdd.ava 328mm
    如何评价代码好坏
    模拟手机文件管理之查看与选择功能
    ViewPager图片滑动轮换
    Selector的2种样式
    关于iOS开发开心蛙家长iOS端开发过程中的零碎知识归纳(4)---关于全局文件PCH的设置相关小知识
    关于iOS开发开心蛙家长iOS端开发过程中的零碎知识归纳(3)---主界面tabBar搭建
    关于iOS开发开心蛙家长iOS端开发过程中的零碎知识归纳(2)---关于进入App进入欢迎页面还是直接进入主页工具类的实现--之欢迎页的实现
  • 原文地址:https://www.cnblogs.com/guanxinjing/p/11142599.html
Copyright © 2011-2022 走看看