Android自定义控件学习笔记（一）

自定义控件系列的读书笔记，整理自下列资料，不代表博主个人观点 ：

GcsSloop/AndroidNote

---

一、坐标系

1.1 屏幕坐标系和数学坐标系的区别

移动设备定义屏幕左上角为坐标原点，向右为x轴增大方向，向下为y轴增大方向， 所以在手机屏幕上的坐标系与数学中常见的坐标系是有差别的。

Paste_Image.png

1.2 View的坐标系

注意：View的坐标系统是相对于父控件而言的

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

如下图所示：

Paste_Image.png

1.3 MotionEvent中 get 和 getRaw 的区别

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

如下图所示：

Paste_Image.png

---

二、自定义View分类与流程

2.1 自定义View分类

（1）自定义ViewGroup

自定义ViewGroup一般是利用现有的组件根据特定的布局方式来组成新的组件，大多继承自ViewGroup或各种Layout，包含有子View。
例如：应用底部导航条中的条目，一般都是上面图标(ImageView)，下面文字(TextView)，那么这两个就可以用自定义ViewGroup组合成为一个Veiw，提供两个属性分别用来设置文字和图片，使用起来会更加方便。

（2）自定义View

在没有现成的View，需要自己实现的时候，就使用自定义View，一般继承自View，SurfaceView或其他的View，不包含子View。

2.2 几个重要的函数

（1）构造函数

View的构造函数有四种重载分别如下:

  public void SloopView(Context context) {}
  public void SloopView(Context context, AttributeSet attrs) {}
  public void SloopView(Context context, AttributeSet attrs, int defStyleAttr) {}
  public void SloopView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {}

其中第3和第4个构造函数很少见，我们只讨论前两个。

  //一般在直接New一个View的时候调用。
  public void SloopView(Context context) {}
 
  //一般在layout文件中使用的时候会调用，关于它的所有属性(包括自定义属性)都会包含在attrs中传递进来。
  public void SloopView(Context context, AttributeSet attrs) {}

（2）onMeasure（测量View大小）

View的大小不仅由自身所决定，同时也会受到父控件的影响，为了我们的控件能更好的适应各种情况，一般会自己进行测量。

测量View大小使用的是onMeasure函数，我们可以从onMeasure的两个参数中取出宽高的相关数据：

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    int widthsize = MeasureSpec.getSize(widthMeasureSpec);      //取出宽度的确切数值
    int widthmode = MeasureSpec.getMode(widthMeasureSpec);      //取出宽度的测量模式
 
    int heightsize = MeasureSpec.getSize(heightMeasureSpec);    //取出高度的确切数值
    int heightmode = MeasureSpec.getMode(heightMeasureSpec);    //取出高度的测量模式
}

从上面可以看出 onMeasure 函数中有 widthMeasureSpec 和 heightMeasureSpec 这两个 int 类型的参数， 毫无疑问他们是和宽高相关的， 但它们其实不是宽和高， 而是由宽、高和各自方向上对应的测量模式来合成的一个值：

测量模式一共有三种， 被定义在 Android 中的 View 类的一个内部类View.MeasureSpec中：

• UNSPECIFIED
  默认值，父控件没有给子view任何限制，子View可以设置为任意大小。

• EXACTLY
  表示父控件已经确切的指定了子View的大小。

• AT_MOST
  表示子View具体大小没有尺寸限制，但是存在上限，上限一般为父View大小。

注意：如果对View的宽高进行修改了，不要调用super.onMeasure(widthMeasureSpec,heightMeasureSpec);要调用setMeasuredDimension(widthsize,heightsize); 这个函数。

（3）onSizeChanged（确定View大小）

这个函数在视图大小发生改变时调用。

在测量完View并使用setMeasuredDimension函数之后View的大小基本上已经确定了，那么为什么还要再次确定View的大小呢？这是因为View的大小不仅由View本身控制，而且受父控件的影响，所以我们在确定View大小的时候最好使用系统提供的onSizeChanged回调函数。

@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    super.onSizeChanged(w, h, oldw, oldh);
}

可以看出，它又四个参数，分别为 宽度，高度，上一次宽度，上一次高度。这个函数比较简单，我们只需关注 宽度(w), 高度(h) 即可，这两个参数就是View最终的大小。

（3）onLayout（确定子View布局位置）

确定布局的函数是onLayout，它用于确定子View的位置，在自定义ViewGroup中会用到，他调用的是子View的layout函数。在自定义ViewGroup中，onLayout一般是循环取出子View，然后经过计算得出各个子View位置的坐标值，然后用以下函数设置子View位置。

child.layout(l, t, r, b);

（4）onDraw（绘制内容）

onDraw是实际绘制的部分，也就是我们真正关心的部分，使用的是Canvas绘图。