Android-控件架构

Android的控件是Android的血与肉;本篇会讲解Android的View架构,view的测量与绘制,自定义view和控件的事件分发拦截机制

控件架构

1.View的测量

在OnMeasure()方法中进行,Android提供了一个短小但强大的类MeasureSpec(),通过它来帮助测量View。MeasureSpec是一个32位的Int值,高2位是测量的模式,低30位是测量的大小,使用这种位运算是为了提高测量的效率。

测量模式

EXACTLY

表示父视图希望子视图的大小应该是由specSize的值来决定的,系统默认会按照这个规则来设置子视图的大小,开发人员当然也可以按照自己的意愿设置成任意的大小。

AT_MOST

表示子视图最多只能是specSize中指定的大小,开发人员应该尽可能小得去设置这个视图,并且保证不会超过specSize。系统默认会按照这个规则来设置子视图的大小,开发人员当然也可以按照自己的意愿设置成任意的大小。

UNSPECIFIED

表示开发人员可以将视图按照自己的意愿设置成任意的大小,没有任何限制。这种情况比较少见,不太会用到。

View默认的onMeasure只支持EXACTLY模式

直接继承View,就不能用wrap_content属性;想用就必须重写onMeasure方法

通过MeasureSpec这个类,我们就获取到了View的测量模式和绘制的大小,有了这些信息我们就可以控制View最后显示的大小了

首先要知道重写OnMeasure方法还是调用的父类的方法,而父类又是调用setMeasuredDimension方法

//继承View,重写OnMeasure方法
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
//点进上面OnMeasure中,View类的OnMeasure方法就是又调用setMeasuredDimension方法
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
}

例子,自定义View,继承View,实现使用wrap_content属性:

public class MyView extends View {
public MyView(Context context) {
super(context);
}
public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
//super.onMeasure(widthMeasureSpec, heightMeasureSpec);
//由于我们直接调用setMeasuredDimension方法,就不需要调用父类的方法了,可以注释掉
setMeasuredDimension(measrueWidth(widthMeasureSpec), measrueHeight(heightMeasureSpec));
}
//测量宽度,先判断模式为EXACTLY
private int measrueWidth(int widthMeasureSpec) {
int result = 0;
//获取模式是EXACTLY还是其他模式
int specMode = MeasureSpec.getMode(widthMeasureSpec);
//获取控件大小
int specSize = MeasureSpec.getSize(widthMeasureSpec);
if (specMode == MeasureSpec.EXACTLY) {
result = specSize;
} else {
//如果不是EXACTLY模式则需要设置一个默认大小
result = 200;
if (specMode == MeasureSpec.AT_MOST) {
//取其中小的一个
result = Math.min(result, specSize);
}
}
return result;
}
//测量高度,类似宽度,如上
private int measrueHeight(int heightMeasureSpec) {
int result = 0;
int specMode = MeasureSpec.getMode(heightMeasureSpec);
int specSize = MeasureSpec.getSize(heightMeasureSpec);
if (specMode == MeasureSpec.EXACTLY) {
result = specSize;
} else {
result = 200;
if (specMode == MeasureSpec.AT_MOST) {
result = Math.min(result, specSize);
}
}
return result;
}
}

2.View的绘制

重写View的OnDraw()方法,介绍一下Canvas,就是一个画布,有了它就可以绘图了。

Canvas mCanvas = new Canvas(bitmap);

传递一个bitmap是为了记录保存下绘图的像素信息,有了这些信息才能进行绘制,两者紧紧联系在一起的。也就是说传的bitmap值不同,画的就不同;传递的是同一个bitmap,画的也是相同的。

3.ViewGroup的测量和绘制

测量: 这个是在面试的时候被坑过了的,如果属性是wrap_content主要就是调用OnLayout方法遍历子View,调用子View的Measure方法;不是则设定指定值。

如果是自定义ViewGroup的话,跟View一样;想用wrap_content属性就必须重写OnMeasure方法。

绘制: 使用dispatchDraw()方法来调用子View的OnDraw()方法 进行绘制。或者如果设置了背景颜色或图片的情况下也会调用自己的OnDraw()方法

4.自定义View

大家最喜欢的也是最重点内容终于来了,初学时一直觉得感觉很深奥的样子,其实也很简单的啦

在View中比较重要的回调方法:

OnfinishInflate:从XML加载组件后回调

OnSizeChanged:组件大小改变时回调

OnMeasure:回调该方法来进行测量

OnLayout:回调该方法确定显示的位置

OnTouchEvent:监听触摸事件回调

一般来说可以对现有控件进行拓展:例如继承TextView来实现具有外框的TextView

@Override
protected void onDraw(Canvas canvas) {
//回调之前实现自己的逻辑,即在绘制文本之前
super.onDraw(canvas);
//回调之后实现自己的逻辑,即在绘制文本之后
}

自定义属性

在res中的values文件夹下,创建名为attrs的Values resouce File的文件,用来确定是作用于那个View的,下面的attr name就是每个属性的名称。

这里说明一下属性:

diemnsion: 一般为文字大小

color:颜色

String:字符串

reference:引用,一般为background

还可以两者结合,用|分隔开

何如在代码中获取定义好的属性呢?

private TypedArray mTypedArray;
public void initTypedArray(Context context){
//指定是从哪读取的属性
mTypedArray = context.obtainStyledAttributes(R.styleable.TopBar);
mTxtTile = mTypedArray.getString(R.styleable.TopBar_top_bar_title);
mTxtLeft = mTypedArray.getString(R.styleable.TopBar_left_text);
mTxtRight = mTypedArray.getString(R.styleable.TopBar_right_text);
mTitleColor = mTypedArray.getColor(R.styleable.TopBar_title_text_color, Color.WHITE);
mLeftColor = mTypedArray.getColor(R.styleable.TopBar_left_text_color,Color.WHITE);
mRightColor = mTypedArray.getColor(R.styleable.TopBar_right_text_color,Color.WHITE);
mLeftBackground = mTypedArray.getDrawable(R.styleable.TopBar_left_btn_back);
mRightBackground = mTypedArray.getDrawable(R.styleable.TopBar_right_btn_back);
mTextSize = mTypedArray.getDimension(R.styleable.TopBar_title_text_size,10);
//获取完值后一般都会调用recycle方法,来避免重新创建时候的错误
mTypedArray.recycle();
}

XML中能用吗?怎么用呢?

既然是自定义的控件属性,当然也可以在XML中使用

android最新mvvm框架 android view框架_android 控件框架

看到上图的

topbar属性了吗?都是自定义的属性,那么怎么才能这样定义呢?看看Android原本的控件如何定义的吧

android最新mvvm框架 android view框架_android 控件框架_02

这是使用自定义控件的根布局

LinearLaout,看其中的

xmlns:android就是系统的,而我们的就是

xmlns:topbar;

xmlns就是命名空间;这个名字可以随意更改,直接在根布局中改就可以了

组合控件

组合控件一般都是动态添加子View的,所以所有控件都是在Java代码中添加,与xml无关。这时控件大家都会定义,属性也会设置如setTextColor();但是Layout的位置呢?应该如下所示:

private ViewGroup.LayoutParams layoutParams;
layoutParams = new ViewGroup.LayoutParams(
ViewGroup.LayoutParams.WRAP_CONTENT,
ViewGroup.LayoutParams.MATCH_PARENT
);
//然后就可以用addView方法添加到组合控件中了
//例如定义了一个mLeftButton
addView(mLeftButton,layoutParams);
//查看addView源码
public void addView(View view, ViewGroup.LayoutParams params);

android最新mvvm框架 android view框架_自定义_03

可以看到第四个方法有view和layoutParams的属性,就选这个

自定义点击事件接口

一般一个控件都会有点击事件吧,但是一个组合控件里面有多个控件,这时你就要自己写一个点击事件的接口让别人用了。

public interface OnTopBarClickListener {
void onLeftClick();
void onRightClick();
}
定义完后只是空的接口,需要有里面的点击响应:
OnTopBarClickListener mListener;
mLeftButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
//自行在外定义接口对象
mListener.onLeftClick();
}
});

最后暴露出一个方法让调用者注册接口回调

public void setOnTopBarClickListener(OnTopBarClickListener listener){
this.mListener = listener;
}

这样就ok了,是不是跟用系统的setOnTouchListener一样用了?就是这么简单

事件拦截机制简单分析

首先要知道什么是触摸事件;比如说按下一个按钮,按下按钮是事件一,不小心滑动是时间二,抬起手是事件三;

Android为触摸事件封装了一个类——MotionEvent;基本上所有与事件相关的操作都需要这个类

事件传递dispatchTouchEvent:父控件--->子控件

返回值:true拦截;false不拦截

事件处理OnInterceptTouchEvent:子控件--->父控件

返回值:true处理了;false给上级处理

初始情况下返回值都是false。

父控件想拦截事件就给dispatchTouchEvent设为true,这样就不会传递给子控件

子控件不想让父控件知道自己干了什么,就把OnInterceptTouchEvent置为true;这样就不会向父控件报告

是不是非常浅显易懂?这里就不过多阐述,只要知道是这样的就够了,深入的以后再说,或者可以看源码了解