自定义View公式

作者: SamanLan | 来源:发表于2017-06-28 00:32 被阅读29次

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

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

相关文章

  • 自定义View公式

    本文基本不说原理,只说流程、公式、套路与“安全措施”。 Step 1 构造函数只需要用到两个,其余两个百分之95的...

  • Android View(转)

    自定义View的原理自定义View基础 - 最易懂的自定义View原理系列自定义View Measure过程 - ...

  • 自定义View系列

    自定义View1---知识储备自定义View2---View Measure过程自定义View3---View L...

  • 自定义View5---完整的自定义View

    移步自定义View系列 1.自定义view的分类自定义单一view(不含子view)继承view继承特定view如...

  • 自定义View

    自定义View系列文章 自定义View view向上滚动

  • 自定义View(一) 自定义View的概述

    不怕跌倒,所以飞翔 自定义View概述 1.自定义View分类 自定义View 直接继承View主要是绘制 自定义...

  • Android自定义View

    Android自定义View 参考:从此再有不愁自定义View——Android自定义view详解android ...

  • 自定义view

    Android自定义View 为什么要自定义View自定义View的基本方法 自定义View的最基本的三个方法分别...

  • Android 之 自定义View全解

    本文主要有以下内容: 自定义View的分类 自定义View的注意事项 自定义View的不同实现 自定义View使其...

  • 高级Android工程师进阶系列文章汇总

    自定义View HenCoder(朱凯)自定义View系列 自定义view总结 Android 样式的开发 And...

网友评论

    本文标题:自定义View公式

    本文链接:https://www.haomeiwen.com/subject/urjscxtx.html