自定义控件基础

作者: lostmypieces | 来源:发表于2021-06-21 16:30 被阅读0次

    简介

    常用函数介绍

    1.onMeasure()

    //该函数为测量函数,可以获取长宽等参数,进行设置
        protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
            int widthMode = MeasureSpec.getMode(widthMeasureSpec);
            int heightMode = MeasureSpec.getMode(heightMeasureSpec);
            if (widthMeasureSpec == MeasureSpec.AT_MOST) {//wrap_content
          
            }
            if (widthMeasureSpec == MeasureSpec.EXACTLY) {//一个确切的值 match_parent fill_parent
    
            }
            if (widthMeasureSpec == MeasureSpec.UNSPECIFIED) {//尽可能的大 很少用到 listview scrollview
    
            }
        }
    

    2.onDraw()

    注:viewgroup不执行该方法,但会执行dispatchDraw(Canvas canvas)方法。
    如果继承ViewGroup,想要绘制有如下方法:
    思路:改变mPrivateFlags
    (1)继承dispatchDraw(Canvas canvas)代替ondraw()
    (2)设置透明背景 setBackgroundColor(Color.TRANSPARENT);
    (3)setWillNotDraw()
    基线图:


    image.png
    //该函数为绘制函数,能根据需求绘制不同的文本或者图形
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            //画文本
            canvas.drawText();
            //画弧
            canvas.drawArc();
            //画圆
            canvas.drawCircle();
        }
    

    3.onTouchEvent

    //该函数处理的是事件分发,通俗说就是对屏幕的操作
        public boolean onTouchEvent(MotionEvent event) {
            switch (event.getAction()) {
                case MotionEvent.ACTION_UP:
                    //手指抬起
                    break;
                case MotionEvent.ACTION_DOWN:
                    //手指按下
                    break;
                case MotionEvent.ACTION_MOVE:
                    //手指移动
                    break;
            }
    
    
            return super.onTouchEvent(event);
        }
    

    编写步骤

    1.创建自定义TextView类

    (1)继承View类

    定义所需属性值,并赋初始值:

        private String mText;
        private int mTextSize = 15;
        private int mTextColor = Color.BLACK;
    

    (2)重载构造函数

    通常情况下将各个构造函数都引用到 public TextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes)该构造函数上来,获取控件属性值并初始化

            public TextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
            super(context, attrs, defStyleAttr, defStyleRes);
            //获取自定义属性
            TypedArray array = context.obtainStyledAttributes(attrs,R.styleable.TextView);
            mText = array.getString(R.styleable.TextView_MyText);
            mTextColor = array.getColor(R.styleable.TextView_MyTextColor,mTextColor);
            mTextSize = array.getDimensionPixelSize(R.styleable.TextView_MyTextSize,mTextSize);
    
            //回收
            array.recycle();
    
        }
    

    2.自定义属性

    (1)在res/values中创建attrs.xml文件,自定义所需属性名以及对应参数

    /** 
    * dimension:对应的是像素 
    * reference:对应是引用 
    * enum:标签定义的是枚举类型 
    **/
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <declare-styleable name="TextView">
            <attr name="MyText" format="string" />
            <attr name="MyTextColor" format="color" />
            <attr name="MyTextSize" format="dimension" />
            <attr name="MyMaxLength" format="integer" />
    <!--        background 自定义view都是继承自view,背景是由view管理的-->
    <!--        <attr name="MyBackground" format="reference|color" />-->
            <attr name="MyInputType">
                <enum name="number" value="1"/>
                <enum name="text" value="2"/>
                <enum name="password" value="3"/>
            </attr>
        </declare-styleable>
    </resources>
    

    3.使用自定义控件

    <com.incall.apps.textview.TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:MyText="安卓"
        app:MyTextSize="18sp"
        app:MyTextColor="@color/teal_200"
        app:MyInputType="number"/>
    

    常见问题解答

    1.为什么不能在子线程更新ui

    开了线程,跟新ui会到viewRootImpl checkThread()

        void checkThread() {
        // Thread.currentThread()是子线程,mThread 是构造函数初始化时的主线程
            if (mThread != Thread.currentThread()) {
                throw new CalledFromWrongThreadException(
                        "Only the original thread that created a view hierarchy can touch its views.");
            }
        }
    

    2.ui绘制流程

    三个重要方法

    • performTraversals()
    • performMeasure()
    • performDraw()
      invlidate()流程:一路往上跑,跑到最外层draw()->dispatchDraw()一路往下画 最终画到当前调用invaldate的onDraw方法

    相关文章

      网友评论

        本文标题:自定义控件基础

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