美文网首页
自定义View基础 - 自定义View原理

自定义View基础 - 自定义View原理

作者: wayDevelop | 来源:发表于2018-09-27 14:45 被阅读0次

    前言

    • 自定义View原理是Android开发者必须了解的基础;
    • 在了解自定义View之前,你需要有一定的知识储备;
    • 本文将全面解析关于自定义View中的所有知识基础。

    目录

    image.png

    View的分类

    视图View主要分为两类:

    班级 解释 特点
    单一视图 即一个View,如TextView 不包含子View
    视图组 即多个View组成的ViewGroup,如LinearLayout 包含子View

    View类简介

    View类是Android中各种组件的基类,如View是ViewGroup基类
    View表现为显示在屏幕上的各种视图
    Android中的UI组件都由View、ViewGroup组成。

    View的构造函数:共有4个,具体如下:

    // 如果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);
        }
    
    一般自定义view的时候会这样重写三个构造函数
    
        public CircleProgressView(Context context) {
            this(context, null);
        }
    
        public CircleProgressView(Context context, @Nullable AttributeSet attrs) {
            this(context, attrs, 0);
        }
    
        public CircleProgressView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
            TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.CircleProgressView);
            location = array.getInt(R.styleable.CircleProgressView_location, 1);
            mPaintWidth = array.getDimension(R.styleable.CircleProgressView_progress_paint_width, dip2px(context, 4));//默认4dp
            mPaintColor = array.getColor(R.styleable.CircleProgressView_progress_paint_color, mPaintColor);
            mTextSize = array.getDimension(R.styleable.CircleProgressView_progress_text_size, dip2px(context, 18));//默认18sp
            mTextColor = array.getColor(R.styleable.CircleProgressView_progress_text_color, mTextColor);
            array.recycle();
        }
    

    View视图结构

    image.png
    记住:无论是measure过程、layout过程还是draw过程,永远都是从View树的根节点开始测量或计算(即从树的顶端开始),一层一层、一个分支一个分支地进行(即树形递归),最终计算整个View树中各个View,最终确定整个View树的相关属性。

    Android坐标系

    Android的坐标系定义为:

    • 屏幕的左上角为坐标原点
    • 向右为x轴增大方向
    • 向下为y轴增大方向
    • 具体如下图:



      注:区别于一般的数学坐标系


    View位置(坐标)描述

    • View的位置由4个顶点决定的(如下A、B、C、D)



      4个顶点的位置描述分别由4个值决定:
      (请记住:View的位置是相对于父控件而言的)

    Top:子View上边界到父view上边界的距离
    Left:子View左边界到父view左边界的距离
    Bottom:子View下边距到父View上边界的距离
    Right:子View右边界到父view左边界的距离

    如下图:



    按顶点位置来记忆:
    Top:子View左上角距父View顶部的距离;
    Left:子View左上角距父View左侧的距离;
    Bottom:子View右下角距父View顶部的距离
    Right:子View右下角距父View左侧的距离


    位置获取方式

    View的位置是通过view.getxxx()函数进行获取:(以Top为例)

    // 获取Top位置
    public final int getTop() {  
        return mTop;  
    }  
    
    // 其余如下:
      getLeft();      //获取子View左上角距父View左侧的距离
      getBottom();    //获取子View右下角距父View顶部的距离
      getRight();     //获取子View右下角距父View左侧的距离123456789
    
    
    • 与MotionEvent中 get()和getRaw()的区别
    //get() :触摸点相对于其所在组件坐标系的坐标
     event.getX();       
     event.getY();
    
    //getRaw() :触摸点相对于屏幕默认坐标系的坐标
     event.getRawX();    
     event.getRawY();
    

    具体如下图:



    相关文章

      网友评论

          本文标题:自定义View基础 - 自定义View原理

          本文链接:https://www.haomeiwen.com/subject/wveeoftx.html