自定义View公式

SamanLan
1,588 阅读4分钟

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

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>

注意了，这里和上面获取属性，名称是拼接起来的。如上面代码，name是CustomView，而attr的name是attr_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+invalidate或postInvalidate或onDraw根据条件+invalidate

avatar
文章
阅读
粉丝