如何自定義控件

1、自定義屬性的聲明和提取

• 1、分析需要的自定義屬性
• 2、在res/values/attrs.xml文件中定義聲明

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <attr name="icon" format="reference"/>
    <attr name="color" format="color"/>
    <attr name="text" format="string"/>
    <attr name="text_size" format="dimension"/>
    <declare-styleable name="ChangeTextIconSizeWithColor">
        <attr name="icon"/>
        <attr name="color"/>
        <attr name="text"/>
        <attr name="text_size"/>
    </declare-styleable>
</resources>

• 3、在layout xml文件中進行使用
• 4、在Viwe的構造方法中進行獲取

 TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.ChangeTextIconSizeWithColor);
        int n = a.getIndexCount();
        //也可以直接獲取屬性
        for (int i = 0; i < n; i++) {
            int attr = a.getIndex(i);
            switch (attr) {
                case R.styleable.ChangeTextIconSizeWithColor_color:
                    mColor = a.getColor(attr, 0xFF3343);
                    break;
                case R.styleable.ChangeTextIconSizeWithColor_icon:
                    BitmapDrawable drawable = (BitmapDrawable) a.getDrawable(attr);
                    mBitmap = drawable.getBitmap();
                    break;
                case R.styleable.ChangeTextIconSizeWithColor_text:
                    mText = a.getString(attr);
                    break;
                case R.styleable.ChangeTextIconSizeWithColor_text_size:
                    mTextSize = a.getDimension(attr, TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 11, getResources().getDisplayMetrics()));

                    break;
            }
        }
        //資源回收
        a.recycle();

2、測量onMeasure()

• 1、測量的模式：
  • EXACTRY
    • 及精確值模式，當我們將控件的layout_width屬性或者layout_height屬性指定為具體數值的時候，比如android:layout_width="100dp"。
  • AT_MOST
    • 最大值模式，當控件的layout_width屬性或者layout_height屬性指定wrap_content時候，控件大小一般隨著控件的子空間內容的變化而變化，此時控件的尺寸只要不操作父控件允許的最大尺寸就行
  • UNSPECIFIED
    • 不指定測量的模式，想多大就多大 （一般在ScrollView或者ListView中）
• 2、MeasureSpec（輔助類）
  • 通過這個類，就獲取View的測量模式和View想要繪制的大小
  • 下面的代碼就是一個模板，基本上沒有什么變化的

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    //super.onMeasure(widthMeasureSpec,heightMeasureSpec);//這個方法跟進去就是下面的這個方法
        setMeasuredDimension(measureWidth(widthMeasureSpec), measureHeight(heightMeasureSpec));
    }

   /**
     * 獲取控件的高度
     *
     * @param heightMeasureSpec
     * @return
     */
    private int measureHeight(int heightMeasureSpec) {
        int result = 0;
        //模式
        int mode = MeasureSpec.getMode(heightMeasureSpec);
        //大小
        int size = MeasureSpec.getSize(heightMeasureSpec);
        if (mode == MeasureSpec.EXACTLY) {
            result = size;
        } else {
            result = 100;  //這個是指定好的控件的高度
            if (mode == MeasureSpec.AT_MOST) {
                result = Math.min(result, size);
            }
        }

        return result;
    }

獲取寬度的代碼和獲取高度的差不多，這里就不寫了，通過這里嗎，就可以完成對高度和寬度值的自定義了

3、布局onLayout（ViewGroup）

• 1、決定子View的位置
• 2、盡可能的將onMeasure中的一些方法操作移動到此方法中(onLayout())
• 3、requestLayout()

 @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        final int childCount = getChildCount();
        for (int i = 0; i < childCount; i++) {
            //拿到每一個view
            final View child = getChildAt(i);
            if (child.getVisibility() == GONE) {
                continue;
            }

            left = caculateChildLeft();//計算childView  layout的左上角的x坐標
            top = caculateChildTop();//計算childView  layout的左上交的y坐標

            child.layout(left, top, left + childWidth, top + childHeight);
        }
    }

4、繪制onDraw

• 1、繪制內容區域
• 2、invalidate()（UI線程），postInvalidate()（子線程）
• 3、Canvas.drawXXX()
• 4、translate、rotate、scale、skew
• 5、sava()、restore()

5、onTouchEvent

• 1、觸摸情況
  • ACTION_DOWN
  • ACTION_MOVE
  • ACTION_UP
• 2、多指觸摸（要決定哪個是控制的也就是ActivePointer）
  • ACTION_POINTER_DOWN
  • ACTION_POINTER_UP
• 3、parent.requestDisallowInterceptTouchEvent(true)（請求父控件不要攔截事件，交給子控件攔截）
• 4、VelocityTracker

6、onInterceptTouchEvent（ViewGroup）

• 1、觸摸情況
  • ACTION_DOWN
  • ACTION_MOVE
  • ACTION_UP
• 2、多指觸摸（要決定哪個是控制的也就是ActivePointer）
  • ACTION_POINTER_DOWN
  • ACTION_POINTER_UP
• 3、決定是否攔截該手勢