美文网首页
自定义 View 和自定义属性的常规步骤

自定义 View 和自定义属性的常规步骤

作者: 珞神 | 来源:发表于2017-08-15 16:54 被阅读0次

    前言

    本篇主要记录的是自定义 View 和自定义属性的流程

    正文

    一、自定义 View 的步骤

    • 第一步,创建一个类继承自需要的 View 或 ViewGroup,重写构造方法

    • 第二步,重写 onMeasure() 方法,测量控件的大小,并指定大小,指定大小的方法为:

      setMeasuredDimension(200,100);
    
    • 第三步,重写 onLayout() 方法,指定该控件在父控件中的位置,但是此方法是系统调用的,告诉我们我们的控件在父控件什么位置,一般在自定义 ViewGroup 中用的比较多。

    • 第四步,重写 onDraw() 方法,绘制自己需要的图案,但是大部分的自定义控件都是绘制图片

    • 第五步,重写 onTouchEvent() 方法,处理触摸事件,在这一步容易出现点击事件和滑动事件的冲突,原因是因为,系统默认只要发生了 up 事件,就会执行点击事件的逻辑。处理完事件之后,一般需要重新绘制 View,方法如下

    invalidate() //刷新 View ,会重新调用 onDraw() 方法,在主线程中调用
    
    postInvalidate() //与上边方法的区别在于,在子线程中调用
    
    • onSizeChanged() 方法
        /**
         * 在view第一次被指定了大小值、或者view的大小发生改变时会被调用。
         * 所以一般用来计算一些位置和与view的size有关的值。
         *
         * @param w    最终的宽度
         * @param h    最终的高度
         * @param oldw 上次的宽度
         * @param oldh 上次的高度
         */
        @Override
        protected void onSizeChanged(int w, int h, int oldw, int oldh) {
            super.onSizeChanged(w, h, oldw, oldh);
    
        }
    

    二、自定义属性

    作用: 为自定义控件添加属性,增强其复用性,比如说,我写一个自定义控件的背景是固定死的,想要换颜色的话就通过自定义属性来设置。

    步骤:

    • 首先先思考下,系统中的控件的属性是怎么生效的, 我们仿照系统的方式来来设置即可,而系统控件的属性在
      E:\androidStudioSDK\platforms\android-14\data\res\values 目录下的 attrs.xml 文件中

    • 比如说,我们现在的需求是,给一个自定义的按钮设置一个背景属性,使其能够随便切换背景

    2.1 第一步,声明属性,即:在 values 文件夹下创建一个 attrs.xml 文件,名称可以随意,不一定非得是 attrs ,然后编辑该文件
    • 声明一个属性集合,名字一般跟自定义控件的名字一致
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <!--声明一个属性集合,名字一般跟自定义控件的名字一致,这个名字在后边会用到-->
        <declare-styleable name="Mybtn">
    
    
        </declare-styleable>
    
    </resources>
    
    • 声明背景属性
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <!--声明一个属性集合,名字一般跟自定义控件的名字一致-->
        <declare-styleable name="MyView">
            <!--声明背景属性,format 表示类型为引用图片类型-->
            <attr name="btnBg" format="reference|color" />
    
        </declare-styleable>
    
    </resources>
    
    2.2 第二步,在布局文件中使用属性
    • 声明一个命名空间,类似于系统中的控件,如:
     xmlns:android="http://schemas.android.com/apk/res/android"
    

    其中 xmlns 表示命名空间的意思,android 只是一个名字,只不过这个名字被系统定义好了

    而我们声明的时候,也类似于这种格式:

        xmlns:zhangsan="http://schemas.android.com/apk/res-auto"
    

    其中,zhangsan 是我们随意命名的,eclipse 中是把最后的 android 换成包名,而 AndroidStudio 中是换成 res-auto

    • 在自定义控件中使用自定义属性
     zhangsan:btnBg="@mipmap/ic_launcher"
    

    其中,zahngsan 是我们命名空间的名字,btnBg 是我们声明的属性,跟系统的 android:XXX 是一样的

    2.3 在自定义控件中获得布局文件中声明的属性,使其生效!
    • 主要操作的是自定义控件中两个属性的构造方法:
        /**
         *
         * @param context
         * @param attrs 在布局中声明的所有属性
         */
        public MyView(Context context, @Nullable AttributeSet attrs) {
            super(context, attrs);
        }
    
    • 具体操作如下:
        /**
         *
         * @param context
         * @param attrs 在布局中声明的所有属性
         */
        public MyView(Context context, @Nullable AttributeSet attrs) {
            super(context, attrs);
            // R.styleable.MyView 就是我们在 attrs.xml 文件中声明的属性集合
            //根据基本的属性集合,获得一个各个类型的数组
            TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyView);
            // R.styleable.MyView_btnBg 是由系统生成的 属性集合_属性名称
            //获取到的就是我们设置的图片资源
            BitmapDrawable bitmapDrawable = (BitmapDrawable) typedArray.getDrawable(R.styleable.MyView_btnBg);
            //将之前的图片替换成设置的即可,在 onDraw 方法中通过 drawXXX 方法绘画出来
            Bitmap bitmap = bitmapDrawable.getBitmap();
        }
    

    相关文章

      网友评论

          本文标题:自定义 View 和自定义属性的常规步骤

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