引言

一些需求中需要一些好看的View或者ViewGroup,没有现成的,就可以自定义.

View is the base class for widgets, which are used to create interactive UI components (buttons, text fields, etc.).

View是控件的基础类,常用于UI交互组件中(按钮,文本,字段等)。

A ViewGroup is a special view that can contain other views (called children.) The view group is the base class for layouts and views containers.

ViewGroup是用来包含其他view(称之为儿子节点)的特殊View,ViewGroup是布局和视图容器的基础类。

看下源码就一目了然:

ViewGroup.jpg

自定义View

1.View如何使用

1.Constructors (构造器)

• public void View(Context context) {}
  //new即实例化的时候调用
• public void View(Context context, AttributeSet attrs) {}
  //写在layout文件中会被调用
• public void View(Context context, AttributeSet attrs, int defStyleAttr) {}
  //多出的defStyleAttr是当前主题中的样式属性
• public void View(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {}

  //只有API21以上才会使用.多出来的defStyleRes是和资源有关的样式

2.onMeasure method(限定View屏幕中的尺寸)

• protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)

widthMeasureSpec和heightMeasureSpec是和宽和高有关的两个参数,但是他们不是实际的宽和高,而是由宽、高和各自方向上对应的测量模式来合成的一个值.

测量模式有三种:

通过widthMeasureSpec和heightMeasureSpec获取宽高和模式

int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);

所以实际代码中你可以这么定义onMearsue method:

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
      getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
}        
public static int getDefaultSize(int size, int measureSpec) {
int result = size;
int specMode = MeasureSpec.getMode(measureSpec);
int specSize = MeasureSpec.getSize(measureSpec);

switch (specMode) {
case MeasureSpec.UNSPECIFIED:
  result = size;
  break;
case MeasureSpec.AT_MOST:
case MeasureSpec.EXACTLY:
  result = specSize;
  break;
}
return result;
}

3.onLayout method

• protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
  }

  //Called from layout when this view should
  assign a size and position to each of its children.

  在布局对子view分配大小和位置的时候调用。

参数明确:这四个参数在View中都有访问器。

这里涉及到坐标系,简单说一下屏幕以左上角为原点,向下是y轴正方向,向右是x轴正方向。

4.onDraw method

• protected void onDraw(Canvas canvas) {
  }

  //Implement this to do your drawing.

  重写此方法进行绘画。

  提醒:canvs下的draw方法(比如画点,画线)在AndroidStudio layout可视化是(is not supported)不支持的,需要启动虚拟机运行查看才行。

5.自定义 method
以上就是绘制View的基本流程,然后你可以根据你的需求做一些对外接口 etc.

自定义ViewGroup

1.Constructors :

• public ViewGroup(Context context) {
  this(context, null);
  }

• public ViewGroup(Context context, AttributeSet attrs) {
  this(context, attrs, 0);
  }

• public ViewGroup(Context context, AttributeSet attrs, int defStyleAttr) {
  this(context, attrs, defStyleAttr, 0);
  }

• public ViewGroup(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
  super(context, attrs, defStyleAttr, defStyleRes);
  initViewGroup();
  initFromAttributes(context, attrs, defStyleAttr, defStyleRes);
  }

你会发现ViewGroup和View的构造器基本一样。因为ViewGroup是一个特殊View。具体参考View即可

2.onMeasure method :

ViewGroup中onMeasure进行设置子View的大小,上层调用下层,简单看下ListView中的onMeasure的调用就一目了然。

ListView onMeasure method.jpg

3.onLayout method :

同理onLayout也是设置子View的位置。因为ListView是继承AbsListView,所以看下AbsListView下的onLayout也一目了然：

AbsListView onLayout method.jpg

4.和布局参数有关的函数:

@Override
public LayoutParams generateLayoutParams(AttributeSet attrs) {
    return new CustomLayout.LayoutParams(getContext(), attrs);
}

@Override
protected LayoutParams generateDefaultLayoutParams() {
    return new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
}

@Override
protected ViewGroup.LayoutParams generateLayoutParams(ViewGroup.LayoutParams p) {
    return new LayoutParams(p);
}

@Override
protected boolean checkLayoutParams(ViewGroup.LayoutParams p) {
    return p instanceof LayoutParams;
}

• generateLayoutParams method :在layout set的属性基础上可以进行扩增。
• generateDefaultLayoutParams method :返回一个默认的布局参数
• generateLayoutParams(ViewGroup.LayoutParams p)返回一个在原有布局参数上的安全的布局参数
• checkLayoutParams 检查布局参数类型

总结：

对比View和ViewGroup功能上和用法上很相似,不过因为一个是父,一个是子,上下调用的关系。
如果你看了觉得写的不好 请您告诉我。