前言:
自定义控件一直都是高手的象征,自己早就想掌握这项技能,但看了很多案例和入门博客,仍然觉得高不可攀。今天再次下定决心,开始动手,才发现,也不过如此。这也与我最近一段时间对android知识掌握的层次越来越深有关系。自定义控件设计的知识点很多,我认为很多人无法掌握是因为很多知识点没有学到位,所以很多时候觉得不知道从哪里入手。如果知识点都掌握了,自己动手,我相信很快可以入门的。准备写一个系列的自定义控件文章,分别对几种自定义控件进行实践。
本文没有介绍各个知识点的基础知识,知识介绍了如何结合运用。
思路:
继承TextView,重写onDraw方法,需要绘制一个边框,然后在控件里绘制一个搜索的icon,然后在其后绘制设置的文字,同时
需要将图标和文字居中。
涉及到的知识点:
1.如何画一个边框
intpadding =this.getPaddingBottom();
intwidth = getWidth();
intheight = getMeasuredHeight();
inticonwidth = height -2*padding;
canvas.drawRoundRect(0,0, width,height,10,10,mPaint1);
canvas.drawRoundRect(1,1, width -1, height -1,10,10,mPaint2);
2.如何计算字体的高度
Paint.FontMetrics fm =txtPaint.getFontMetrics();
int fontheight = fm.bottom-fm.top;
3.如何将文字绘制居中
floatx = (width -txtPaint.measureText(getText().toString())-iconwidth-10)/2;
Paint.FontMetrics fm =txtPaint.getFontMetrics();
floaty = (height -(fm.bottom+fm.top))/2;
canvas.drawText(this.getText().toString(),x+iconwidth+10,y,txtPaint);
参考文章http://blog.csdn.net/mq2856992713/article/details/52327938
4.绘制图片
Bitmap bit = BitmapFactory.decodeResource(getContext().getResources(), R.drawable.find_search);
floatx = (width -txtPaint.measureText(getText().toString())-iconwidth-10)/2;
mDestRect=newRect((int)x, padding, (int) (x+height-2*padding), height -padding);
canvas.drawBitmap(bit,null,mDestRect,mPaint2) ;
源码:
在构造函数中初始化画笔
**mPaint1=newPaint();**
mPaint1.setColor(getResources().getColor(android.R.color.darker_gray));
mPaint1.setStyle(Paint.Style.FILL);
mPaint2=newPaint();
mPaint2.setColor(getResources().getColor(R.color.white));
mPaint2.setStyle(Paint.Style.FILL);
//文字画笔
txtPaint=newPaint();
txtPaint.setColor(this.getCurrentTextColor());
txtPaint.setStyle(Paint.Style.FILL);
txtPaint.setTextSize(this.getTextSize());
在onDraw中,进行绘制
protected voidonDraw(Canvas canvas) {
//为搜索框加上边框
intpadding =this.getPaddingBottom();
intwidth = getWidth();
intheight = getMeasuredHeight();
inticonwidth = height -2*padding;
canvas.drawRoundRect(0,0, width,height,10,10,mPaint1);
canvas.drawRoundRect(1,1, width -1, height -1,10,10,mPaint2);
//为搜索框加上搜索图标
Bitmap bit = BitmapFactory.decodeResource(getContext().getResources(), R.drawable.find_search);
floatx = (width -txtPaint.measureText(getText().toString())-iconwidth-10)/2;
mDestRect=newRect((int)x, padding, (int) (x+height-2*padding), height -padding);
canvas.drawBitmap(bit,null,mDestRect,mPaint2) ;
//计算字体的高度,并且绘制文字
Paint.FontMetrics fm =txtPaint.getFontMetrics();
floaty = (height -(fm.bottom+fm.top))/2;
canvas.drawText(this.getText().toString(),x+iconwidth+10,y,txtPaint);
}
其实,如果知识点都掌握了很简单,这篇文章主要作为一个记录和对自己的督促,让观者见笑了。