android 自定义 view 和自定义属性

前言

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

正文

一、自定义 View 的步骤

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

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

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

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

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

1
2
3
invalidate() //刷新 View ,会重新调用 onDraw() 方法,在主线程中调用
postInvalidate() //与上边方法的区别在于,在子线程中调用
  • onSizeChanged() 方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
/**
* 在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 ,然后编辑该文件
  • 声明一个属性集合,名字一般跟自定义控件的名字一致
1
2
3
4
5
6
7
8
9
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!--声明一个属性集合,名字一般跟自定义控件的名字一致,这个名字在后边会用到-->
<declare-styleable name="Mybtn">
</declare-styleable>
</resources>
  • 声明背景属性
1
2
3
4
5
6
7
8
9
10
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!--声明一个属性集合,名字一般跟自定义控件的名字一致-->
<declare-styleable name="MyView">
<!--声明背景属性,format 表示类型为引用图片类型-->
<attr name="btnBg" format="reference|color" />
</declare-styleable>
</resources>
2.2 第二步,在布局文件中使用属性
  • 声明一个命名空间,类似于系统中的控件,如:
1
xmlns:android="http://schemas.android.com/apk/res/android"

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

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

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

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

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

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

2.3 在自定义控件中获得布局文件中声明的属性,使其生效!
  • 主要操作的是自定义控件中两个属性的构造方法:
1
2
3
4
5
6
7
8
/**
*
* @param context
* @param attrs 在布局中声明的所有属性
*/
public MyView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
}
  • 具体操作如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/**
*
* @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();
}