Android带渐变效果的圆角矩形Demo

最新推荐文章于 2024-04-12 17:05:39 发布

智能座舱搬砖工

最新推荐文章于 2024-04-12 17:05:39 发布

阅读量4.3k

点赞数 1

分类专栏： Andorid API Demos

本文链接：https://blog.csdn.net/true100/article/details/51251317

版权

Andorid API Demos 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

/**
 * 带渐变色效果的圆角矩形
 * 
 * @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();
        }
    }
}