本文实例讲述了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程序设计有所帮助。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。