当前位置： 移动技术网 > IT编程>移动开发>Android > Android编程实现带渐变效果的圆角矩形示例

Android编程实现带渐变效果的圆角矩形示例

2019年07月24日  | 移动技术网IT编程  | 我要评论

特种军官求招安,陈渠珍,张春林

本文实例讲述了android编程实现带渐变效果的圆角矩形。分享给大家供大家参考，具体如下：

/**
 * 带渐变色效果的圆角矩形
 *
 * @description：
 * @author ldm
 * @date 2016-4-26 下午3:47:12
 */
public class roundrectsactivity extends activity {
  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(new roundrectview(this));
  }
  private static class roundrectview extends view {
    // rect类主要用于表示坐标系中的一块矩形区域
    private rect mrect;
    // gradientdrawable支持使用渐变色来绘制图形，通常可以用作button或是背景图形
    private gradientdrawable mdrawable;
    public roundrectview(context context) {
      super(context);
      setfocusable(true);
      initview();
    }
    /**
     * 初始化数据
     *
     * @description：
     * @author ldm
     * @date 2016-4-26 下午3:56:06
     */
    private void initview() {
      mrect = new rect(0, 0, 240, 240);
      // orientation指定了渐变的方向，int[]colors指定渐变的颜色由colors数组指定，数组中的每个值为一个颜色。
      mdrawable = new gradientdrawable(
          gradientdrawable.orientation.tl_br, new int[] { 0xffff0000,
              0xff00ff00, 0xff0000ff });
      // 设置drawable的形状为矩形
      mdrawable.setshape(gradientdrawable.rectangle);
      // 设置渐变的半径
      mdrawable.setgradientradius((float) (math.sqrt(2) * 120));
    }
    /**
     * 置图片四个角圆形半径
     *
     * @description：
     * @author ldm
     * @date 2016-4-26 下午4:08:17
     */
    static void setcornersradii(gradientdrawable drawable, float r0,
        float r1, float r2, float r3) {
      // 设置图片四个角圆形半径：1、2两个参数表示左上角，3、4表示右上角，5、6表示右下角，7、8表示左下角
      drawable.setcornerradii(new float[] { r0, r0, r1, r1, r2, r2, r3,
          r3 });
    }
    @override
    protected void ondraw(canvas canvas) {
      mdrawable.setbounds(mrect);
      float r = 16;
      canvas.save();
      canvas.translate(10, 10);//画面平移
      // 设置渐变模式：线性渐变
      mdrawable.setgradienttype(gradientdrawable.linear_gradient);
      setcornersradii(mdrawable, r, r, 0, 0);
      mdrawable.draw(canvas);
      canvas.restore();
      canvas.save();
      canvas.translate(10 + mrect.width() + 10, 10);
      // 设置渐变模式：径抽渐变
      mdrawable.setgradienttype(gradientdrawable.radial_gradient);
      setcornersradii(mdrawable, 0, 0, r, r);
      mdrawable.draw(canvas);
      canvas.restore();
      canvas.translate(0, mrect.height() + 10);
      canvas.save();
      canvas.translate(10, 10);
      // 设置渐变模式：颜色渐变方向非环形，而是以某点为圆心呈扇形扫过。
      mdrawable.setgradienttype(gradientdrawable.sweep_gradient);
      setcornersradii(mdrawable, 0, r, r, 0);
      mdrawable.draw(canvas);
      canvas.restore();
      canvas.save();
      canvas.translate(10 + mrect.width() + 10, 10);
      mdrawable.setgradienttype(gradientdrawable.linear_gradient);
      setcornersradii(mdrawable, r, 0, 0, r);
      mdrawable.draw(canvas);
      canvas.restore();
      canvas.translate(0, mrect.height() + 10);
      canvas.save();
      canvas.translate(10, 10);
      mdrawable.setgradienttype(gradientdrawable.radial_gradient);
      setcornersradii(mdrawable, r, 0, r, 0);
      mdrawable.draw(canvas);
      canvas.restore();
      canvas.save();
      canvas.translate(10 + mrect.width() + 10, 10);
      mdrawable.setgradienttype(gradientdrawable.sweep_gradient);
      setcornersradii(mdrawable, 0, r, 0, r);
      mdrawable.draw(canvas);
      canvas.restore();
    }
  }
}

开源代码：https://github.com/ldm520/android_api_demos

或者点击此处。

更多关于android相关内容感兴趣的读者可查看本站专题：《android布局layout技巧总结》、《android开发入门与进阶教程》、《android调试技巧与常见问题解决方法汇总》、《android基本组件用法总结》、《android视图view技巧总结》及《android控件用法总结》

希望本文所述对大家android程序设计有所帮助。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网