每日一学——自定义View(源码及原理)（一）

先了解自定义View

1. 自定义view的基本方法：

• 测量：onMeasure()函数决定View的大小，相关方法——measure(),setMeasuredDimension(),onMeasure()；
• 布局：onMeasure()函数决定View的大小，相关；
• 绘制：onDraw()函数决定绘制这个View。

2. View分类：

• 单一视图：一个view,不嵌套包含其他子view；
• 视图组：多个View组成的ViewGroup；

3. 自定义控件分类：

• 自定义View：只需要重写onMeasure()、onDraw()方法；

• 自定义ViewGroup：只需要重写onMeasure()、onLayout()方法；

  借个图简单的诠释下自定义View
  

4. View类：

• 组件的基类：如View是ViewGroup基类；
• Android中的UI组件都由View、ViewGroup组成
• View的构造函数代码：

//如果View是Java代码里new的，则调用第一个构造函数
public CarsonView(Context context){
	super(context);
}

// 如果View是在.xml里声明的，则调用第二个构造函数 
// 自定义属性是从AttributeSet参数传进来的   
 public  CarsonView(Context context, AttributeSet attrs) {       
  super(context, attrs);    
  }

// 不会自动调用 
// 一般是在第二个构造函数里主动调用 
// 如View有style属性时    
public  CarsonView(Context context, AttributeSet attrs, int defStyleAttr) {    
    super(context, attrs, defStyleAttr);    
    }
    
    
 //API21之后才使用    
 // 不会自动调用   
 // 一般是在第二个构造函数里主动调用  
 // 如View有style属性时  
 public  CarsonView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {     
       super(context, attrs, defStyleAttr, defStyleRes);   
    }

5. AttributeSet与自定义属性 ：
系统自带的View可以在xml中配置属性，对于写的好的自定义View同样可以在xml中配置属性，为了使自定义的 View的属性可以在xml中配置，需要以下4个步骤：

• 通过 为自定义View添加属性

• 在xml中为相应的属性声明属性值

• 在运行时（一般为构造函数）获取属性值

• 将获取到的属性值应用到View

• 自定义属性的声明文件—value/attrs.xml文件

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <declare-styleable name="test">
            <attr name="text" format="string" />
            <attr name="testAttr" format="integer" />
        </declare-styleable>
    </resources>

• 自定义View类：

public class NewTextView extends View {
    private static final String TAG = NewTextView.class.getSimpleName();

    //在View的构造方法中通过TypedArray获取
    public NewTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.test);
        String text = ta.getString(R.styleable.test_testAttr);
        int textAttr = ta.getInteger(R.styleable.test_text, -1);
        Log.e(TAG, "text = " + text + " , textAttr = " + textAttr);
        ta.recycle();
    }
}

• 应用到布局View：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res/com.example.test"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <com.example.test.NewTextView
        android:layout_width="100dp"
        android:layout_height="200dp"
        app:testAttr="520"
        app:text="helloworld" />

</RelativeLayout>

6. View视图结构：

• PhoneWindow是Android系统中最基本的窗口系统，继承自Windows类，负责管理界面显示以及事件响应。它
  是Activity与View系统交互的接口

• DecorView是PhoneWindow中的起始节点View，继承于View类，作为整个视图容器来使用。用于设置窗口属
  性。它本质上是一个FrameLayout

• ViewRoot在Activtiy启动时创建，负责管理、布局、渲染窗口UI等等

注意！！！ ：
无论是measure过程、layout过程还是draw过程，永远都是从View树的根节点开始测量或计算（即从 树的顶端开始），一层一层、一个分支一个分支地进行（即树形递归），最终计算整个View树中各个View，最终确定整个View树的相关属性

7 坐标系：
Android坐标系：

view坐标系：

View的位置

 getLeft();      //获取子View左上角距父View左侧的距离  
 getBottom();    //获取子View右下角距父View顶部的距离  
 getRight();     //获取子View右下角距父View左侧的距离
 getTop();       //获取子View右下角距父View顶部的距离

触点MotionEvent的位置：

//get() ：触摸点相对于其所在组件坐标系的坐标 
 event.getX();       
 event.getY();
 
//getRaw() ：触摸点相对于屏幕默认坐标系的坐标
 event.getRawX();     
 event.getRawY();

View树的绘制流程

view树的绘制流程是通过ViewRoot去负责绘制的，ViewRoot其实不是View的根节点，它连view节点都算不上，它的主要作用 是View树的管理者，负责将DecorView和PhoneWindow“组合”起来，而View树的根节点严格意义上来说只有 DecorView；每个DecorView都有一个ViewRoot与之关联，这种关联关系是由WindowManager去进行管理的

布局的绘制阶段：

具体的代码实现见下一篇博客：
每日一学——自定义View(具体实现代码)（二）