Android自定义view 之 圆环ImageView 和 圆角按钮Button
2014-08-29 17:37
609 查看
自定义View的入门点. 主要是练练手, 关键是继承对应的组件类, 利用paint画笔的属性设置, 在Canvas上绘画实现.
圆环ImageView
圆角按钮Button
效果图:
自定义View是终于知识点, 多练习熟悉对Paint的使用很重要.
圆环ImageView
public class CircleImageView extends ImageView{ private final Paint paint; private final Context context; public CircleImageView(Context context, AttributeSet attrs) { super(context, attrs); this.context = context; this.paint = new Paint(); this.paint.setAntiAlias(true); //消除锯齿 this.paint.setStyle(Style.STROKE); //绘制空心圆或 空心矩形 } @Override protected void onDraw(Canvas canvas){ int center = getWidth()/2; int innerCircle = utils.dip2px(context, 50); //内圆半径 int ringWidth = utils.dip2px(context, 5); //圆环宽度 this.paint.setARGB(255, 138, 43, 226); this.paint.setStrokeWidth(2); canvas.drawCircle(center, center, innerCircle, this.paint); this.paint.setARGB(255,200,85,198); this.paint.setStrokeWidth(ringWidth); canvas.drawCircle(center, center, innerCircle+utils.dip2px(context, 10), this.paint); this.paint.setARGB(255,200,102,75); this.paint.setStrokeWidth(ringWidth); canvas.drawCircle(center, center, innerCircle+utils.dip2px(context, 20), this.paint); super.onDraw(canvas); } }
圆角按钮Button
/** * 自定义圆角Button * @author KinHo * */ public class BorderButton_1 extends Button{ public BorderButton_1(Context context, AttributeSet attrs) { super(context, attrs); } @Override protected void onDraw(Canvas canvas) { // TODO Auto-generated method stub super.onDraw(canvas); // 实例化一支画笔 Paint paint = new Paint(); paint.setStrokeWidth(1); paint.setStyle(Style.STROKE); // 设置样式-空心矩形 paint.setColor(android.graphics.Color.DKGRAY); // 设置颜色 paint.setAntiAlias(true); //抗锯齿 RectF rectF = new RectF(2,0,this.getWidth()-2,this.getHeight()-2); canvas.drawRoundRect(rectF, 20, 20, paint); // 绘制一个矩形 } }
效果图:
自定义View是终于知识点, 多练习熟悉对Paint的使用很重要.
相关文章推荐
- Android 自定义ImageView实现圆角/圆形 附加OnTouchListener详细注释以及Button圆角
- Android 自定义ImageView实现圆角/圆形 附加OnTouchListener详细注释以及Button圆角
- Android中ImageButton自定义按钮的按下效果的代码实现方法
- android 自定义圆角ImageView以及锯齿的处理
- Android中ImageButton自定义按钮的按下效果的代码实现方法
- Android中ImageButton自定义按钮的按下效果的代码实现方法,附网上2种经典解决方法。 2014-07-04 13:17 78人阅读 评论(0) 收藏
- Android自定义ImageView,方角,圆角头像(可根据自己的需求来设定头像的圆角或者方角的大小)
- Android中ImageButton自定义按钮的按下效果的代码实现方法,附网上2种经典解决方法。
- Androidの自定义圆角按钮button
- 转载 :Android中ImageButton自定义按钮的按下效果的代码实现方法,附网上2种经典解决方法。
- Android开发之自定义圆角矩形图片ImageView的实现 - Jamy Cai
- android自定义一圆角ImageView-圆角图片
- Android中ImageButton自定义按钮的按下效果的代码实现方法,附网上2种经典解决方法。
- Android中ImageButton自定义按钮的按下效果的代码实现方法,附网上2种经典解决方法。 .
- android自定义一圆角ImageView
- android自定义一圆角ImageView
- [置顶] android 自定义圆角ImageView以及锯齿的处理
- Android学习小结(三)——自定义圆角ImageView控件
- Android ImageButton自定义按钮的按下效果的代码实现方法分享
- Android 自定义View修炼-实现自定义圆形、圆角和椭圆ImageView(使用Xfermode图形渲染方法)