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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 160,108评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,699评论 1 296
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,812评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,236评论 0 213
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,583评论 3 288
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,739评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,957评论 2 315
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,704评论 0 204
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,447评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,643评论 2 249
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,133评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,486评论 3 256
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,151评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,108评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,889评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,782评论 2 277
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,681评论 2 272

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,576评论 25 707
  • 一、前言 标题起得屌了点,文章只能给大家带来理论知识,能不能上天还是得各位亲自实践。文中涉及到很多自己的理解,能力...
    张明云阅读 8,729评论 1 138
  • 前言 使用ViewDragHelper实现肯定可以实现下拉刷新,而且可以通过这种场景可以举一反三出很多其他的场景。...
    aafa41d78d15阅读 783评论 0 0
  • 我在夏天的海滩听风铃摇响,漫步贝壳爬过的痕迹 你在冬天的草原看雪花飞舞,追逐候鸟迁徙的影子 季节变换 四季轮回 我...
    Kevin_Tu阅读 235评论 2 1
  • 时间周一。 这些天忙晕的节奏。但还是忙里偷闲,跟随着同事们的脚步买点这个那个的。比如,跟着翠英姐姐买的海鸭蛋。算时...
    牛奶牛奶Milk阅读 179评论 3 6