android进阶之自定义view(文字圆形边框)
2015-01-06 15:12
344 查看
最近写自定义的view写了很多,打算好好完整学习一下,顺便也是记录下,首先来看看效果
大概是实现上面的效果吧,其实做起来很简单,只需要继承TextView,然后在外面画上一个框即可,代码如下:
public class CustomTextView extends TextView {
private Paint mPaint;
public CustomTextView(Context context) {
this(context,null);
}
public CustomTextView(Context context, AttributeSet attrs) {
this(context, attrs,0);
}
public CustomTextView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
mPaint = new Paint();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
RectF rectF = new RectF();
//根据文字的颜色来绘画框
mPaint.setColor(getPaint().getColor());
//设置画笔的画出是空心
mPaint.setStyle(Paint.Style.STROKE);
//设置抗锯齿
mPaint.setAntiAlias(true);
//设置画得一个半径,然后比较长和宽,确定半径
int r = getMeasuredWidth()>getMeasuredHeight()?getMeasuredWidth():getMeasuredHeight();
rectF.set(getPaddingLeft(),getPaddingTop(),r-getPaddingRight(),r-getPaddingBottom());
canvas.drawArc(rectF,0,360,false,mPaint);
}
}
以上代码可以适当修改,可以修改下自定义框的颜色,不一定要跟文字相同
大概是实现上面的效果吧,其实做起来很简单,只需要继承TextView,然后在外面画上一个框即可,代码如下:
public class CustomTextView extends TextView {
private Paint mPaint;
public CustomTextView(Context context) {
this(context,null);
}
public CustomTextView(Context context, AttributeSet attrs) {
this(context, attrs,0);
}
public CustomTextView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
mPaint = new Paint();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
RectF rectF = new RectF();
//根据文字的颜色来绘画框
mPaint.setColor(getPaint().getColor());
//设置画笔的画出是空心
mPaint.setStyle(Paint.Style.STROKE);
//设置抗锯齿
mPaint.setAntiAlias(true);
//设置画得一个半径,然后比较长和宽,确定半径
int r = getMeasuredWidth()>getMeasuredHeight()?getMeasuredWidth():getMeasuredHeight();
rectF.set(getPaddingLeft(),getPaddingTop(),r-getPaddingRight(),r-getPaddingBottom());
canvas.drawArc(rectF,0,360,false,mPaint);
}
}
以上代码可以适当修改,可以修改下自定义框的颜色,不一定要跟文字相同
相关文章推荐
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 自定义View消除锯齿实现图片旋转,添加边框及文字说明
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android高手进阶之自定义View,自定义属性(带进度的圆形进度条)
- Android 高手进阶之自定义View,自定义属性(带进度的圆形进度条)