自定义view流程

1. 继承View，重写结构函数，两参数的 由体系自动调用

2. 重写onMeasure（先履行）、onLayout（其次）、onDraw（最后履行）

3. 声明自定义特点，在values目录下，新建attrs.xml文件

   <?xml version="1.0" encoding="utf-8"?>
   <resources>
       <declare-styleable name="myViewAttrs"> <!--自定义特点-->
           <attr name="originColor" format="color"/>
           <attr name="changeColor" format="color"/>
       </declare-styleable>
   </resources>
   

4. 在布局文件里就能够运用自定义特点了

   <!--必须要声明xmlns:app 才能运用自定义特点-->
   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   	xmlns:app="http://schemas.android.com/apk/res-auto" 
       android:id="@+id/ll_nav"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:orientation="horizontal">
       <com.wow.modularization.MyTextView
           android:id="@+id/textView"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:layout_weight="1"
           android:text="改变前"
           android:gravity="center"
           android:textSize="20sp"
           app:changeColor="@android:color/holo_blue_light"
           app:originColor="@color/purple_200" />
   </LinearLayout>
   

5. 在两参的结构函数里获取自定义特点的值

   int originColor, changeColor;
   public MyTextView(Context context, @Nullable AttributeSet attrs) {
       super(context, attrs);
       // 获取自定义类型特点 数组
       TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.myViewAttrs);
       originColor = typedArray.getColor(R.styleable.myViewAttrs_originColor, getTextColors().getDefaultColor());
       changeColor = typedArray.getColor(R.styleable.myViewAttrs_changeColor, getTextColors().getDefaultColor());
       typedArray.recycle(); // 收回资源
   }
   

6. 如果继承体系view（例如 TextView），体系view现已丈量好了宽高，而你也不需求额外改变其尺度，则能够不重写onMeasure()函数，只重写onDraw()函数最后就是自由发挥了

跳转到 自定义view全解 参阅文章

view制作流程简版

结构函数(Context context) // 代码中new调用

结构函数(Context context, AttributeSet attrs) // 体系反射调用，xml解析是由 LayoutInflater.inflater处理的

结构函数(Context context, AttributeSet attrs, int defStyleAttr) // 主题 style

序列化（xml、json…） 就是自定义的格局数据串：用的多的是 IOT（物联网）

物联网：一般由蓝牙 传递数据 串口 协议。

View的制作基本由measure()、layout()、draw()这个三个函数完成

想象下：你有个大的毛坯房（ViewGroup），你会怎么做？

1、丈量其尺度巨细（measure）

2、分出对应的房间布局（layout）

3、贴上美观的瓷砖，把房子画的漂漂亮亮（draw）

定论：

自定义view 首要完成 onMeasure（丈量本身巨细） + onDraw

自定义ViewGroup 首要完成 onMeasure + onLayout

measure()

重点：MeasureSpec

MeasureSpec是View的内部类，它封装了一个View的尺度，在onMeasure()傍边会根据这个MeasureSpec的值来确定View的宽高。

MeasureSpec的值保存在一个int值傍边。一个int值有32位，前两位表明形式mode后30位表明巨细size。即MeasureSpec =mode + size。

在MeasureSpec傍边一共存在三种mode：UNSPECIFIED、EXACTLY 和 AT_MOST。

对于View来说，MeasureSpec的mode和Size有如下含义

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
	// 获取丈量形式（Mode）
    int specMode = MeasureSpec.getMode(measureSpec)
    // 获取丈量巨细（Size）（父view给的巨细）
    int specSize = MeasureSpec.getSize(measureSpec)
    // 经过Mode 和 Size 生成新的SpecMode
    int measureSpec=MeasureSpec.makeMeasureSpec(size, mode);
}

子View的丈量形式是由 本身LayoutParam和 父View的MeasureSpec来决定的。

setMeasuredDimension(int measuredWidth, int measuredHeight) ：该办法用来设置View的宽高，在咱们自定义View时也会经常用到。

结合下图理解 MeasureSpec

getMeasureWidth 与 getWidth的差异

getMeasureWidth： 在measure() 进程结束后就能够获取到对应的值。 经过 setMeasuredDimension() 办法设置的

getWidth：在layout() 进程结束后才能获取到；经过视图右边的坐标减去左边的坐标计算出来的。

layout()

子view布局

@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
	// 对 子view 分配空间，适当与一个大平房，隔出了一个房间一样
    int top = itemPaddingTop, i = 0, len = 0;
    for (Integer count : lineCounts) {
        int left = itemPaddingLeft, tempTop = 0;
        len += count;
        for (; i < len; i++) {
            View view = lineViewsList.get(i);
            view.layout(left, top, left + view.getMeasuredWidth(), top + view.getMeasuredHeight());
            left += itemPaddingLeft + view.getMeasuredWidth();
            tempTop = Math.max(tempTop, view.getMeasuredHeight());
        }
        top += itemPaddingTop + tempTop;
    }
}

draw()

点击查看 save / restore 图文详解

注意了：save() 保存的仅仅CanvasRenderingContext2D目标的状况以及目标的一切特点，并不包括这个目标上制作的图形。所以 restore() 仅仅把canvas的状况复原了，而不会把 现已制作的图形 也复原掉。

• save：用来保存最近一次的Canvas的状况和特点。
• restore：用来获取save保存的Canvas之前的状况和特点。避免save后对Canvas履行的平移、放缩、旋转、错切、裁剪等能够改变画布的操作对后续的制作的影响。

save 进栈； restore 出栈

绘图东西类

    private Scroller scroller; // 滑动东西
    private VelocityTracker tracker; // 速率追寻器东西
    private void init(Context ct){
        context = ct;
        scroller = new Scroller(ct);
        tracker = VelocityTracker.obtain();
    }
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        tracker.addMovement(event); // 追寻
        ...
        switch (event.getAction()){
            case MotionEvent.ACTION_MOVE:
                ....
                //scrollBy办法将对咱们当前View的方位进行偏移
                scrollBy(-deltaX, 0); // View办法 scrollTo(mScrollX + x, mScrollY + y);
                break;
            case MotionEvent.ACTION_UP:
                ...
                tracker.computeCurrentVelocity(1000);
                float xVelocity = tracker.getXVelocity();
                ...
                tracker.clear();//铲除 追寻
                // scroller 东西 移动 回调computeScroll()
                scroller.startScroll(
                        getScrollX(),  // startX
                        getScrollY(),  // startY
                        destX - getScrollX(), // dx
                        destY - getScrollY(), // dy
                        1000); // duration
                invalidate();
                break;
        }
        return true;
    }
	@Override
    public void computeScroll() { 
        super.computeScroll();
        if (scroller.computeScrollOffset()){
            scrollTo(scroller.getCurrX(), scroller.getCurrY());
            postInvalidate();
        }
    }