浅谈我对Android自定义控件的认识

Android已经为我们提供了大量的View供我们使用,但是可能有时候这些组件不能满足我们的开发中的需求,这时候就需要自定义控件了。自定义控件对于初学者总是感觉是一种复杂的技术。因为里面涉及到的知识点会比较多。但是任何复杂的技术后面都是一点点简单知识的积累。通过对自定义控件的学习去可以更深入的掌握android的相关知识点,所以学习android自定义控件是很有必要的。记得以前学习总是想着去先理解很多知识点,然后再来学着自定义控件,但是每次写自定义控件的时候总是不知道从哪里下手啊。后来在学习的过程中发现自己跟着去写一些简单的自定义控件,然后在这个过程中遇到了没有掌握的知识点再去学习。不仅自定义控件的能力有所提高。其它的知识也有了很好的巩固和认识。

1. 自定义组件的基本结构 

类继承自 View,同时,为该类定义了三个构造方法并重写了另外两个方法:

构造方法

public FirstView(Context context)

public FirstView(Context context, AttributeSet attrs)

public FirstView(Context context, AttributeSet attrs, int defStyleAttr)

这三个构造方法的调用场景其实并不一样,第一个只有一个参数,在代码中创建组件时会调用该构造方法,比如创建一个按钮:Button btnOK = new Button(this),this 是指当前的 Activity,Activity 是 Context 的子类。第二个方法在 layout 布局文件中使用时调用,参数 attrs 表示当前配置中的属性集合,例如在要 layout.xml 中定义一个按钮:,Android 会调用第二个构造方法 Inflate 出 Button 对象。而第三个构造方法是不会自动调用的,当我们在 Theme 中定义了 Style 属性时通常在第二个构造方法中手动调用

 绘图

protected void onDraw(Canvas canvas)

该方法我们再熟悉不过了,前面 5 个章节一直重写了该方法,用于显示组件的外观。最终的显示结果需要通过 canvas 绘制出来。在 View 类中,该方法并没有任何的默认实现。

 测量尺寸

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)

这是一个 protected 方法,意味着该方法主要用于子类的重写和扩展,如果不重写该方法,父类 View 有自己的默认实现。在 Android 中,自定义组件的大小都由自身通过onMeasure()进行测量,不管界面布局有多么复杂,每个组件都负责计算自己的大小。

2.重写 onMeasure 方法

View 类对于 onMeasure()方法有自己的默认实现

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

setMeasuredDimension(getDefaultSize(

getSuggestedMinimumWidth(), widthMeasureSpec),

getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));

}

在该方法中,调用了 protected final void setMeasuredDimension(int measured-Width, int

measuredHeight)方法应用测量后的高度和宽度,这是必须调用的,以后我们可以调用

getMeasuredWidth()和 getMeasuredHeight()方法获取这个宽度和高度值。

大部分情况下,protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)方法

都要重写,用于计算组件的宽度值和高度值。定义组件时,必须指定 android:layout_width 和

android:layout_height 属性,属性值有三种情况:match_parent、wrap_content 和具体值。

match_parent 表示组件的大小跟随父容器,所在的容器有多大,组件就有多大;wrap_content 表

示组件的大小则内容决定,比如 TextView 组件的大小由文字的多少决定,ImageView 组件的大小

由图片的大小决定;如果是一个具体值,相对就简单了,直接指定即可,单位为 dp。

总结来说,不管是宽度还是高度,都包含了两个信息:模式和大小。模式可能是match_parent、

wrap_content 和具体值的任意一种,大小则要根据不同的模式进行计算。其实 match_parent 也

是一个确定了的具体值,为什么这样说呢?因为 match_parent 的大小跟随父容器,而容器本身

也是一个组件,他会算出自己的大小,所以我们根本不需要去重复计算了,父容器多大,组件就

有多大,View 的绘制流程会自动将父容器计算好的大小通过参数传过来。

模式使用三个不同的常量来区别:

  MeasureSpec.EXACTLY

当组件的尺寸指定为 match_parent 或具体值时用该常量代表这种尺寸模式,很显然,

处于该模式的组件尺寸已经是测量过的值,不需要进行计算。

  MeasureSpec.AT_MOST

当组件的尺寸指定为wrap_content时用该常量表示,因为尺寸大小和内容有关,所以,

我们要根据组件内的内容来测量组件的宽度和高度。比如 TextView 中的 text 属性字符

串越长,宽度和高度就可能越大。

  MeasureSpec.UNSPECIFIED

未指定尺寸,这种情况不多,一般情况下,父控件为 AdapterView 时,通过 measure 方

法传入。

最后,我们来考虑最关键的问题,如何获得当前组件的尺寸模式和尺寸大小?秘密隐藏在

protected void onMeasure(int widthMeasureSpec, int heightMeasure-Spec)方法的参数中,参数

widthMeasureSpec 和 heightMeasureSpec 看起来只是两个整数,其实每个参数都包含了两个值:

模式和尺寸。我们知道,int 类型占用 4 个字节,一共 32 位,参数 widthMeasureSpec 和

heightMeasureSpec 的前两位代表模式,后 30 位则表示大小。

真相大白,接下来继续思考如何获取 widthMeasureSpec 和 heightMeasureSpec 参数的前 2 位

与后 30 位,其实通过位运算即可得到,我们以 widthMeasureSpec 为例:

获取尺寸模式:widthMeasureSpec & 0x3 << 30

获取尺寸大小:widthMeasureSpec << 2 >> 2

上面的写法不一而足,显然,这样会给开发人员带来难度,所以,提供了一个名为

MeasureSpec 的类用于计算模式和大小:

int mode = MeasureSpec.getMode(widthMeasureSpec);

int size = MeasureSpec.getSize(widthMeasureSpec);

public class FirstView extends View {

public FirstView(Context context) {

super(context);

}

public FirstView(Context context, AttributeSet attrs) {

super(context, attrs);

}

public FirstView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

int width = measureWidth(widthMeasureSpec);

int height = measureHeight(heightMeasureSpec);

setMeasuredDimension(width, height);

}

private int measureWidth(int widthMeasureSpec){

int mode = MeasureSpec.getMode(widthMeasureSpec);

int size = MeasureSpec.getSize(widthMeasureSpec);

int width = 0;

if(mode == MeasureSpec.EXACTLY){

//宽度为 match_parent 和具体值时,直接将 size 作为组件的宽度

width = size;

}else if(mode == MeasureSpec.AT_MOST){

//宽度为 wrap_content,宽度需要计算

}

return width;

}

private int measureHeight(int heightMeasureSpec){

int mode = MeasureSpec.getMode(heightMeasureSpec);

int size = MeasureSpec.getSize(heightMeasureSpec);

int height = 0;

if(mode == MeasureSpec.EXACTLY){

//宽度为 match_parent 和具体值时,直接将 size 作为组件的高度

height = size;

}else if(mode == MeasureSpec.AT_MOST){

//高度为 wrap_content,高度需要计算

}

return height;

}

}

3.组件属性

    3.1.属性的基本定义

除了 View 类中定义的默认属性外,我们也能自定义属性。自定义属性主要有以下几个步骤:

-> 在 res/values/attrs.xml 文件中为指定组件定义 declare-styleable 标记,并将所有的属性都定义在该标记中;

-> 在 layout 文件中使用自定义属性;

-> 在组件类的构造方法中读取属性值。在 res/values 目录下,创建 attrs.xml 文件,内容大概如下:组件的属性都应该定义在 declare-styleable 标记中,该标记的 name 属性值一般来说都是组件类的名称(此处为 FirstView),虽然也可以取别的名称,但和组件名相同可以提高代码的可读性。组件的属性都定义在 declare-styleable 标记内,成为 declare-styleable 标记的子标记,每个属性由两部分组成——属性名和属性类型。属性通过 attr 来标识,属性名为 name,属性类型为format,

属性类型

-> string:字符串

-> boolean:布尔

-> color:颜色

-> dimension:尺寸,可以带单位,比如长度通常为 dp,字体大小通常为 sp

-> enum:枚举,需要在 attr 标记中使用标记定义枚举值,例如 sex 作为性别,有两个枚举值:MALE 和 FEMALE。

 --> flag:标识位,常见的 gravity 属性就是属性该类型

-> float:浮点数

-> fraction:百分数,在动画资源、等标记中,fromX、fromY 等属性就是

fraction 类型的属性

-> integer:整数

-> reference : 引 用 , 引 用 另 一 个 资 源 , 比 如 android:paddingRight=-

"@dimen/activity_horizontal_margin"就是引用了一个尺寸资源

    3.2.读取来自 style 和 theme 中的属性


组件的属性可以在下面 4 个地方定义:

-> 组件

-> 组件的 style 属性

-> theme

-> theme 的 style 属性

这个问题说起来可能有点儿绕,所以我们索性通过一个案例来进行学习和讲解。假如我们有

一个组件类 AttrView,从 View 类派生,AttrView 类有 4 个属性:attr1、attr2、attr3、attr4。另

外,定义了一个属性 myStyle,该属性定义在 declare-styleable 标记之外,类型为 reference,用于

theme 的 style 属性。这些属性在 res/values/attrs.xml 文件中定义如下:

<?xml vesion="1.0" encoding="utf-8"?>

<resources>

<declare-styleable name="attrView">

<attr name="attr1" format="string"></attr>

</declare-styleable>

<attr name="myStyle" format="reference"></attr>

</resources>


例子1:


例子2:


好了暂时就写到这里   相关的知识 可以参考:

Android 自定义控件开发入门(一) - Android移动开发技术文章_手机开发 - 红黑联盟

Android 自定义View (一) - Hongyang - 博客频道 - CSDN.NET

一起来学习Android自定义控件1 - OPEN 开发经验库

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

推荐阅读更多精彩内容