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(); } } }
开源代码:https://github.com/ldm520/ANDROID_API_DEMOS
或者点击此处本站下载。
更多关于Android相关内容感兴趣的读者可查看本站专题:《Android布局layout技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《Android视图View技巧总结》及《Android控件用法总结》
希望本文所述对大家Android程序设计有所帮助。
文章标题:Android编程实现带渐变效果的圆角矩形示例
当前路径:http://scyingshan.cn/article/gehcpo.html