自定义控件从入门到精通（一）——继承原有控件

前言：
自定义控件一直都是高手的象征，自己早就想掌握这项技能，但看了很多案例和入门博客，仍然觉得高不可攀。今天再次下定决心，开始动手，才发现，也不过如此。这也与我最近一段时间对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);
}

其实，如果知识点都掌握了很简单，这篇文章主要作为一个记录和对自己的督促，让观者见笑了。