自定义View公式

本文基本不说原理,只说流程、公式、套路与“安全措施”。

Step 1

构造函数只需要用到两个,其余两个百分之95的人与需求不会用得到。

public class CustomView extends View {
    public CustomView(Context context) {
        super(context);
    }

    public CustomView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
}

很简单,代码new用到第一个构造函数,xml则会用到第二个构造函数。

Step 2

获取xml配置的属性,以及使用自定义的属性

public CustomView(Context context, AttributeSet attrs) {
        super(context, attrs);
        TypedArray ta = context.getTheme().obtainStyledAttributes(attrs, R.styleable.CustomView, 0, 0);
        float attr_1 = ta.getDimension(R.styleable.CustomView_attr_1, 0f);
        ta.recycle();
}

在第二个构造函数使用TypeArray获取xml中设置的attrs
注意使用完typearray记得调用recycle()
再看看自定义属性是怎么写
values -> attrs

<declare-styleable name="CustomView">
    <attr name="attr_1" format="dimension" />
</declare-styleable>

注意了,这里和上面获取属性,名称是拼接起来的。如上面代码,nameCustomView,而attrnameattr_1,那么通过typearray获取attr_1属性的值是使用R.styleable.CustomView_attr_1
接着看看xml布局怎么使用自定义属性

布局怎么使用自定义属性
布局怎么使用自定义属性2

第一种写法AS会提示你修改成第二种写法,故我们也用第二种写法,除非你的自定义属性名称与其他的自定义属性名称有冲突就可以使用第一种来解决(指定自定义属性的路径别名)。

Step 3

测量

  1. 单一view的测量
    measure()为final方法,子类不可复写,最后会调用````onMeasure()onMeasure()这里进行你的需求来measure->setMeasureDimension()储存测量后的子view的宽高。如果在使用自定义view时,用了wrap_content。那么在onMeasure中就要调用setMeasuredDimension,来指定view的宽高。如果使用的matchl_parent或者一个具体的dp值。那么直接使用super.onMeasure``即可。
  2. viewgroup的测量
    measure()->onMeasure()->测量子view->setMeasureDimension()
    在这里我们需要在onMeasure()测量子view。测量子view的方法一般有四种
    2.1 getChildAt(int index).可以拿到index上的子view。
    通过getChildCount得到子view的数目,再循环遍历出子view。
    接着,subView.measure(int wSpec, int hSpec); //使用子view自身的测量方法
    2.2 或者调用viewGroup的测量子view的方法:
    //某一个子view,多宽,多高, 内部加上了viewGroup的padding值
    measureChild(subView, int wSpec, int hSpec);
    2.3 //所有子view 都是 多宽,多高, 内部调用了measureChild方法
    measureChildren(int wSpec, int hSpec);
    2.4 //某一个子view,多宽,多高, 内部加上了viewGroup的padding值、margin值和传入的宽高wUsed、hUsed
    measureChildWithMargins(subView, intwSpec, int wUsed, int hSpec, int hUsed);

Step 4

布局
view 的布局两个步骤layout->onLayout
layout:计算自身位置调用setFrame()
onLayout:看下面解析

  1. 自定义View
    1.1 在单一的View中,只会用到layout,而onLayout是个空实现。
  2. 自定义ViewGroup,调用layout()计算自身的位置,调用onLayout()遍历子View并调用子View layout()确定自身子View的位置。
    那么自定义ViewGroup一般套路就是
// 伪代码,会省略方法的一些参数
onLayout(){
// 循环所有子View
        for (int i=0; i<getChildCount(); i++) {
            View child = getChildAt(i);   

            // 计算当前子View的四个位置值
            // 计算的逻辑需要自己实现,也是自定义View的关键
            ...

            // 对计算后的位置值进行赋值
            int mLeft  = Left
            int mTop  = Top
            int mRight = Right
            int mBottom = Bottom

            // 调用子view的layout()并传递计算过的参数
            // 从而计算出子View的位置
            child.layout(mLeft, mTop, mRight, mBottom);
        }
}

然后到一个注意点了

  • getWidth() / getHeight() = View最终的宽 / 高
  • getMeasuredWidth() / getMeasuredHeight() = View的测量的宽 / 高
在哪里赋值 赋值方法 何处可用
getMeasuredWidth() onMeasure() setDimension() onMeasure()后
getWidth() layout() setFrame() 在layout()调用后

那何种情况下两者会值不同
just one

@Override
public void layout( int l , int t, int r , int b){
   super.layout(l,t,r+10,b+200)
}

Step 5

draw绘制
view的绘制流程为:
绘制过程如下:

  1. 绘制view背景
  2. 绘制view内容
  3. 绘制子View
  4. 绘制装饰(渐变框,滑动条等等)

代码流程为draw() ->1 ->2 onDraw() ->3 dispatchDraw() ->4
其中自定义View没有子view,故不需要第三步(空实现),一般只需要完成第二步即可,在onDraw绘制我们需要的内容。
其次自定义ViewGroup有子view,故需要第三步,但一般我们也无需理会(系统已经为我们实现了该方法),故是在onDraw绘制我们需要的内容,但但但但是,一般viewgroup也无需绘制什么东西

又到注意事项:
上面说到viewgroup也无需绘制什么东西,故viewgroup需要在onDraw()绘制东西的时候,需要调用setWillNotDraw(boolean willNotDraw),设置为false。这样viewgroup才会执行onDraw(),否则不执行。

Step 6

刷新
Android中实现view的更新有两组方法,一组是invalidate,另一组是postInvalidate,其中前者是在UI线程自身中使用,而后者在非UI线程中使用。
那么套路就是handler+invalidatepostInvalidateonDraw根据条件+invalidate

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

推荐阅读更多精彩内容