android 扇形渐变按钮,Android编程实现带渐变效果的圆角矩形示例

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

发布时间：2020-09-04 12:53:55

来源：脚本之家

阅读：93

作者：迟做总比不做强

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