自定义View/ViewGroup以及高性能实现自定义UI

View绘制流程

当 Activity 接收到焦点的时候，它会被请求绘制布局，该请求由 Android framework 处理。绘制是从根节点开始，对布局树进行 measure 和 draw。整个 View 树的绘图流程在ViewRoot.java类的performTraversals()函数展开，该函数所做的工作可简单概况为是否需要重新计算视图大小(measure)、是否需要重新安置视图的位置(layout)、以及是否需要重绘(draw)。

• measure

  • ViewGroup负责测量所有子View及自己，View负责测量自己；
  • View重写onMeasure以实现自己的测量逻辑；
  • View在onMeasure中，根据传入的widthMeasureSpec, heightMeasureSpec（父ViewGroup对自己的限制），以及自己的内容显示需要，计算出想要的宽高，通过setMeasuredDimension进行最终设置（该方法必须调用，否则抛异常），设置的宽高也是经过位运算的值；
  • MeasureSpec值都是经过位运算的，View类提供了一些方法从中读取信息

  • 推荐按照以下方式实现

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    
        // Try for a width based on our minimum
        int minw = getPaddingLeft() + getPaddingRight() + getSuggestedMinimumWidth();
        int w = resolveSizeAndState(minw, widthMeasureSpec, 1);
    
        // Whatever the width ends up being, ask for a height that would let the pie
        // get as big as it can
        int minh = getPaddingBottom() + getPaddingTop() + getSuggestedMinimumHeight();
        int h = resolveSizeAndState(minh, heightMeasureSpec, 0);
    
        setMeasuredDimension(w, h);
    
    }
    

  • 计算自己所需高度、宽度则通过重写getSuggestedMinimumWidth，getSuggestedMinimumHeight来进行计算

  • 子View measure完之后，如果不符合父ViewGroup给出的约束（过大或过小），将触发父ViewGroup对子View进行第二次measure，此时传入的约束可能会发生变化，例如从限制最大值/最小值到给定具体值。

  • ViewGroup的measure过程包括：对于每个child，根据自己的measureSpec、child的LayoutParam、自己的padding，来计算child的measureSpec，然后传给child，让其自己进行上述的measure逻辑

• layout

  • 首先要明确的是，子视图的具体位置都是相对于父视图而言的。View 的 onLayout 方法为空实现，而 ViewGroup 的 onLayout 为 abstract 的，因此，如果自定义的 View 要继承 ViewGroup 时，必须实现 onLayout 函数。
  • measure完成后，就是根据每个子View确定显示的大小，及其显示规则，来排布每个子View了，这个排布就是设置子View的left, top, right, bottom了，注意子View的这些值都是相对于父ViewGroup的，而不是屏幕坐标系的绝对位置。

• draw

  • 应该重写的是onDraw方法，一定要重写draw方法时一定要首先调用super.draw()

• 一定要注意

  • 自定义View/ViewGroup一定要避免调用requestLayout，会导致整个view hierarchy的重绘，影响性能

自定义View实例

自定义ViewGroup实例

View的位置相关的几个概念

• X, Y, Z
  • View左上角在屏幕坐标系上的坐标
  • getX: mLeft + getTranslationX()
• left, top, right, bottom
  • 相对于parent的位置（在parent中的位置），不建议代码修改
• translationX, translationY, translationZ
  • View相对于left, top, elevation的位置
  • 对X, Y, Z的设置，实际上是通过对这三个属性设置实现的
  • 所以X, Y, Z可以由translationX, translationY, translationZ及left, top, elevation计算出来
• height, measured height, width measured width
• GlobalVisibleRect, LocalVisibleRect