美文网首页
Android自定义View基础 - 最易懂的自定义View原理

Android自定义View基础 - 最易懂的自定义View原理

作者: as_pixar | 来源:发表于2020-03-08 16:35 被阅读0次

    上篇博客我们写一个简单的自定义Viewhttps://www.jianshu.com/p/36dbd814dca3

    视图(View)定义

    表现为显示在屏幕上的各种视图,如TextView、LinearLayout等。

    视图(View)分类

    视图View主要分为两类,单一视图 ,我们最熟悉的TextView,不包含子View。视图组,我们最熟悉的LinearLayout,包含子视图。

    • Android中的UI组件都由View、ViewGroup组成。

    View类简介

    View类是Android中各种组件的基类,如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视图结构

    • 对于多View的视图,结构是树形结构:最顶层是ViewGroup

    • ViewGroup下可能有多个ViewGroup或View,如下图:


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

    Android坐标系

    Android的坐标系定义为:屏幕的左上角为坐标原点,向右为x轴增大方向
    ,向下为y轴增大方向

    区别于一般的数学坐标系

    View位置(坐标)描述

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

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


    位置获取方式

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

    颜色模式

    以ARGB8888为例介绍颜色定义:

    • 在xml文件中定义颜色
      在/res/values/color.xml 文件中如下定义:
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
    
        //定义了红色(没有alpha(透明)通道)
        <color name="red">#ff0000</color>
        //定义了蓝色(没有alpha(透明)通道)
        <color name="green">#00ff00</color>
    </resources>
    

    在xml文件中以”#“开头定义颜色,后面跟十六进制的值,有如下几种定义方式:

      #f00            //低精度 - 不带透明通道红色
      #af00           //低精度 - 带透明通道红色
    
      #ff0000         //高精度 - 不带透明通道红色
      #aaff0000       //高精度 - 带透明通道红色
    
    • 在java文件中引用xml中定义的颜色:
    //方法1
    int color = getResources().getColor(R.color.mycolor);
    
    //方法2(API 23及以上)
    int color = getColor(R.color.myColor);    
    

    相关文章

      网友评论

          本文标题:Android自定义View基础 - 最易懂的自定义View原理

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