首页 > 系统 > Android > 正文

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

2019-12-12 02:20:40
字体:
来源:转载
供稿:网友

本文实例讲述了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程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表