源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-03-16 14:52 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Android编程实现带渐变效果的圆角矩形示例
本文实例讲述了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();
    }
  }
}

开源代码:[url=https://github.com/ldm520/ANDROID_API_DEMOS]https://github.com/ldm520/ANDROID_API_DEMOS[/url] 或者点击此处[url=http://xiazai.jb51.net/201708/yuanma/ANDROID_API_DEMOS-master(jb51.net).rar][b]本站下载[/b][/url]。 更多关于Android相关内容感兴趣的读者可查看本站专题:《[url=http://www.1sucai.cn/Special/371.htm]Android布局layout技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/410.htm]Android开发入门与进阶教程[/url]》、《[url=http://www.1sucai.cn/Special/508.htm]Android调试技巧与常见问题解决方法汇总[/url]》、《[url=http://www.1sucai.cn/Special/381.htm]Android基本组件用法总结[/url]》、《[url=http://www.1sucai.cn/Special/375.htm]Android视图View技巧总结[/url]》及《[url=http://www.1sucai.cn/Special/124.htm]Android控件用法总结[/url]》 希望本文所述对大家Android程序设计有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部