Android编程实现带渐变效果的圆角矩形示例
2017-08-02 11:57
627 查看
本文实例讲述了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 shape的使用实现圆角,虚线,渐变等效果
- jQuery ui实现动感的圆角渐变网站导航菜单效果代码
- Android实现自定义ImageView的圆角矩形图片效果
- android 使用java编程实现圆角渐变矩形的绘制
- Android shape的使用实现圆角,虚线,渐变等效果
- Android shape的使用实现圆角,虚线,渐变等效果
- Android编程实现通知栏进度条效果的方法示例
- Android编程实现抽屉效果的方法示例
- as3实现渐变圆角矩形
- jQuery实现鼠标响应式透明度渐变动画效果示例
- JS+CSS实现矩形对象的圆角效果
- Android中实现圆角矩形及半透明效果。
- JS实现的透明度渐变动画效果示例
- jQuery ui实现动感的圆角渐变网站导航菜单效果代码
- Android开发基于ScrollView实现的渐变导航栏效果示例
- Android自定义ImageView实现图片缩放滑动,双击放大缩小,多点触控旋转,圆角矩形,圆形和仿刮刮卡效果
- jQuery实现的背景颜色渐变动画效果示例
- Android实现状态栏(statusbar)渐变效果的示例
- Android带渐变效果的圆角矩形Demo
- Android编程实现仿美团或淘宝的多级分类菜单效果示例【附demo源码下载】