Android自定义View

为什么要自定义View?

Android系统提供了一系列的原生控件,但这些原生控件并不能够满足我们的需求时,我们就需要自定义View了。

自定义View流程

一般来说,自定义view要重写onMeasure()以及onDraw()这两个方法。看方法名字就知道,onMeasure()是负责测量控件的大小,onDraw()方法是负责将控件画出来。

onMeasure方法

 @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    } 

在这个方法中,一共有两个参数。这两个参数分别表示控件宽高的大小以及测量模式,两个都是32位的int型数据,其中前面2位表示测量模式,后两位表示控件的大小。谷歌已经封装好方法给我们,可以直接通过方法即可获取测量模式以及大小。

    //获取测量模式
    int mode = MeasureSpec.getMode(widthMeasureSpec);
    //获取大小
    int size = MeasureSpec.getSize(widthMeasureSpec);

测量模式一种有3种

测量模式 含义
EXACTLY 父容器检测出view精确的大小,view最终大小为测量的大小
AT_MOST 父容器指定了view的最大值,view的大小不可以超过这个最大值
UNSPECIFIED 父容器对view没有限制,view本身想要多大就多大

测量模式跟我们平时开发在布局文件中写的match_parent、wrap_content有什么关系呢?

match_parent对应的是EXACTLY.我们怎么理解呢?其实很简单,我们布局里面写match_parent表示的是撑满父布局的剩余空间。父布局的剩余空间是确定的,因此是view的大小是一个确定的值,所以是EXACTLY.

wrap_content对应的是AT_MOST.我们在布局中使用wrap_content的意思是包裹控件的内容。但是这个时候父控件大小是不确定的,自然子view占用的大小也是不确定的。但是怎么理解父布局给出的建议大小呢?事实上,父布局给出的建议大小其实就是父布局可以获取的最大的大小。具体为什么,可以参考View的绘制流程一文,在这里不讨论。

关于测量模式可以参考此文:Android View的绘制流程

重写onMeasure方法

我们理论说得再多还不如动手实践一次,那就直接Show The Code No BB.
我们简单绘制一个圆形的view。

 @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        int width = getViewSize(100, widthMeasureSpec);
        int height = getViewSize(100, heightMeasureSpec);
        if (width < height) {
            height = width;
        } else {
            width = height;
        }
        setMeasuredDimension(width, height);
    }

    private int getViewSize(int defaultSize, int measureSpec) {
        int resultSize = defaultSize;
        int size = MeasureSpec.getSize(measureSpec);
        int mode = MeasureSpec.getMode(measureSpec);
        switch (mode) {
            case MeasureSpec.EXACTLY:
                resultSize = size;
                break;
            case MeasureSpec.AT_MOST:
                resultSize = size;
                break;
            case MeasureSpec.UNSPECIFIED:
                resultSize = defaultSize;
                break;

        }
        return resultSize;
    }
    

布局如下:

 <?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.example.mazhi.customview.MyView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:view_color="@color/colorAccent" />

</android.support.constraint.ConstraintLayout>

在布局中,我们view是wrap_content的,因此父布局给我们的测量模式一定是AT_MOST,size一定就是屏幕的宽度。我们在这里要实现的是一个正方形,因此width以及height设置了相等。其他的就不多解释了,大家一看就懂。

重写onDraw方法

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    //半径
    int r = getMeasuredHeight() / 2;
    canvas.drawCircle(r, r, r, paint);
}

算出半径以及圆心,直接调用api即可,没什么难的,也不多解释了吧。

总结一下,简单的自定义view可以直接重写onMeasure方法以及onDraw方法即可。onMeasure方法负责测量view的大小,onDraw方法复制绘制。

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

推荐阅读更多精彩内容