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

时间:2021-05-20

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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章