在Android开发中,系统提供给我们的UI控件是有限的,当我们需要使用一些特殊的控件的时候,只靠系统提供的控件,可能无法达到我们想要的效果,这时,就需要我们自定义一些控件,来完成我们想要的效果了。下面,我就来讲讲自定义控件的那些事。

  首先,我来讲讲Android的控件架构。Android的控件可以被分为两类,分别是ViewGroup和View。在ViewGroup中可以包含多个View,并且管理他们。控件树就是有这两个部分组成的,控件树的上层负责的是下层控件的绘制和测量以及交互。我们在Activity中使用的findViewById()方法,就是在控件树中用深度遍历的方法搜索到对应的ID的。每一颗控件树的顶部,都有个ViewParent对象,他是整棵树的核心,负责调度所有的交互事件。在Activity中,我们是使用setContentView()来加载布局的。每个Activity都是包含着一个Window对象的,在Android中通常是PhoneWindow,他将一个DecorView作为整个窗口的根View,将要显示的内容呈现在window上。DecorView又分为两个部分,一个是TitleView,一个是ContentView。ContentView是一个ID为content的Framelayout,布局文件就是设置在这里面的。而TitleView就是我们看到topbar标题栏。这就是activity加载布局文件的过程了。

  接下来,我们开始讲自定义控件的使用,下面讲解使用的时候,会夹带着一些原理的分析。自定义控件可以分为三种类型,一种是拓展谷歌提供的系统控件,来达到自己想要的效果。一种是将系统提供的控件组合在一起,作为一个组合控件来使用。还有一种是重新绘制测量一个全新的控件。

一、拓展谷歌提供的系统控件

  假如我们要对Textview控件进行拓展,首先我们要定义一个类继承TextView,选择性的重写它的onDraw()、onMeasure()、onTouchEvent()等方法。其中,onDraw()负责对图像的绘制,onMeasure()负责测量位置,onTouchEvent()负责设置触摸的事件。当我们想直接绘制出有背景颜色的TextView时,可以在类中定义画笔,在onDraw()进行绘制。代码如下:

Paint paint1=new Paint();  //定义画笔
paint1.setColor(Color.YELLOW);
paint1.setStyle(Paint.Style.FILL);

  然后,通过以下的代码,就可以绘制出一个带矩形框的Textview,但是需要在绘制完成后在调用父类的onDraw(),因为是在系统控件上拓展,所以,还要有其原来的功能。

@Override
protected void onDraw(Canvas canvas) {
canvas.drawRect(0,0,getMeasuredWidth(),getMeasuredHeight(),paint1);//绘制矩形
canvas.save();
super.onDraw(canvas);
canvas.restore();
}

  

  使用canvas对象就可以进行绘图了,对canvas的讲解,我将会在下一篇博客讲解。

  然后,我们只需要在布局文件中加入自定义的控件即可,在布局文件中,自定义view的名字就是自定义控件类的包名加上类名,假设定义CustomTextview类继承TextView,例子如下:

<com.example.myapplication.View.CustomTextView
android:layout_width="wrap_content"
android:layout_height="match_parent"></com.example.myapplication.View.Buttonbtn>

二、将系统提供的控件组合在一起

  除了拓展原有的控件以外,我们还可以将控件组合成一个新的控件使用。首先,我们先定义一个新的布局文件,并把Imageview和Textview加入,代码如下。

    <ImageView
android:id="@+id/iv"
android:layout_width="20dp"
android:layout_height="20dp"
android:src="@mipmap/ic_launcher" /> <TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="2dp"
android:text="消息"
android:textSize="13sp" />

  然后我们定义一个类继承LinearLayout,在类的构造方法中对控件和布局进行初始化。

public void init(Context context) {
//指定线性布局的显示方式,垂直
setOrientation(VERTICAL);
//设置用户期望的布局方式
LayoutParams mLayoutParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
setLayoutParams(mLayoutParams);
setGravity(Gravity.CENTER);
setPadding(4, 4, 4, 4);
//设置其布局文件
View mButtonbtnView = LayoutInflater.from(context).inflate(layout.botton_btn_view, this, true);
mImageView = mButtonbtnView.findViewById(id.iv);
mTextView = mButtonbtnView.findViewById(id.tv);
}

  接下来,它的使用方法就和拓展控件的方法一样了,直接在布局文件中,加入控件即可。

<com.example.myapplication.View.Buttonbtn
android:layout_width="wrap_content"
android:layout_height="match_parent"></com.example.myapplication.View.Buttonbtn>

三、重写View来实现全新的控件

  当系统原生的控件无法满足我们需求时,我们就可以定义一个新的控件来完成需要的功能。创建一个新的控件,需要继承View类,其难点主要在于绘制控件和实现交互。在继承View类时,我们还需要重写它的onDraw(),onMeasure()、onTouchEvent()来实现绘制、测量和触摸事件。

  onDraw()绘制就是在canvas对象上调用其一系列方法进行绘图,绘制控件的形状。

  onMeasure()

  下面,我来讲讲onMeasure()。在绘制View之前,我们需要告诉系统我们需要画一个多大的View以及他的位置,这就是onMeasure()进行的了。首先,我们来了解一下测量的三种模式:

  EXACTLY:精确值模式,在指定view具体数值的时候会用到。

  AT_MOST:最大值模式,将控件设置为"wrap_content"用到,它会根据子控件或者内容变化而变化。

  UNSPECIFIED:绘制控件想要多大就可以多大。

  根据以上三种模式,我们就可以在测量的时候判断和使用了。首先,我们重写一个view的onMeasure()方法。再通过使用MeasureSpec类获得控件的测量模式。MeasureSpec使用的是位运算,其高2位为测量的模式,剩下的30位为测量的大小。

 @Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSize = MeasureSpec.getSize(widthMeasureSpec); if (widthMode == MeasureSpec.EXACTLY) { } else if (widthMode == MeasureSpec.AT_MOST) { } else if (widthMode == MeasureSpec.UNSPECIFIED) { } }

  以上代码就是通过判断测量模式来给定义控件的大小,这里只是测量了控件的宽度,控件高度的测量也是类似的,就不在做详解。

  前面说过,ViewGroup是用来管理控件的,当ViewGroup的大小为"wrap_content"时,它就会遍历其所有子View,来获得子View的大小,再来设置自身的大小。我们使用过的布局,像RelativeLayout,LinearLayout都是继承ViewGroup的,所以他们也是使用这种方法来获得自己的大小的。

  onTouchEvent()

  onTouchEvent()就是我们所说的触摸事件,由于Android手机是触屏的,所以我们自定义View在触摸屏幕的时候,也需要有一定的处理来完成交互。当重写onTouchEvent方法的时候,我们可以看到,需要传入MotionEvent的对象。我们可以通过这个类来设置触摸的事件,也可以获得触摸点的位置。我们可以通过getAction()来获取触摸事件的行动,来判断是否按下屏幕或者移动。在Android的坐标系中,我们都知道Android的屏幕在竖屏的时候,以左上角的位置为原点,向右为x轴的正方向,向下为y轴的正方向,知道了这个后,我们就可以通过调用getX()和getY()方法可以获取触摸点的坐标,来完成一些交互操作。

public boolean onTouchEvent(MotionEvent event) {
float x;
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
{
x=event.getX();
}
break;
case MotionEvent.ACTION_MOVE:
break;
case MotionEvent.ACTION_UP:
break;
}
return true;
}

  以上就是自定义控件常用重写的方法,通过了重写这几个方法,我们基本就可以实现一个简易的自定义控件了。下面,我们来了解下控件的事件拦截机制的原理。

事件拦截机制分析

  我们前面讲过,控件结构是树形结构,一个ViewGroup中可能有多个ViewGroup或者View,那么,触摸事件是怎么准确的分配给每个View和ViewGroup的呢。我们假设有一个ViewGroupA,在他的里面嵌套着ViewGroupB,而在ViewGroupB的里面,又嵌套着一个View。当我们重写ViewGroupA类的时候,就需要重写里面的这三个方法:

    dispatchTouchEvent()

    onInterceptTouchEvent()

    onTouchEvent()

  而在重写View的时候,需要重写两个方法:

    dispatchTouchEvent()

    onTouchEvent()

  可以根据名字看出,ViewGroup中比View多了onInterceptTouchEvent()方法,这个方法就是事件拦截的核心。在每一个方法中Log一下,再点击View的时候,就会发现方法调用的顺序:

    首先,调用了ViewGroupA类的dispatchTouchEvent()和onInterceptTouchEvent()。

    再调用了ViewGroupB类的dispatchTouchEvent()和onInterceptTouchEvent()。

    再到View的dispatchTouchEvent()方法。

  这个调用的顺序就是事件传递的顺序,而事件处理的顺序则是:

    View的onTouchEvent()。

    ViewGroupB的onTouchEvent()。

    ViewGroupA的onTouchEvent()。

  

  由此,可以看出,事件的分发是由上层的ViewGroup发布的,再逐层下发。而事件的处理,则是由下层的View处理后,再逐层上传。前面也说过,onInterceptTouchEvent()是事件拦截的核心,那么,只要设置它的返回值为true,就可以拦截事件,使其不再下发,而onTouchEvent()返回false,事件处理后就不会再上传。事件的分发和拦截的流程就大致讲解完成了。

  最后,这篇博客是我看了《Android群英传》后总结和归纳出的,希望能帮到正在学习自定义View的朋友,同时,有理解错误的地方,也欢迎大家指出。

Android开发进阶——自定义View的使用及其原理探索的更多相关文章

  1. Android 自定义View修炼-Android开发之自定义View开发及实例详解

    在开发Android应用的过程中,难免需要自定义View,其实自定义View不难,只要了解原理,实现起来就没有那么难. 其主要原理就是继承View,重写构造方法.onDraw,(onMeasure)等 ...

  2. android开发之自定义View 详解 资料整理 小冰原创整理,原创作品。

    2019独角兽企业重金招聘Python工程师标准>>> /** * 作者:David Zheng on 2015/11/7 15:38 * * 网站:http://www.93sec ...

  3. android开发学习 ------- 自定义View 圆 ,其点击事件 及 确定当前view的层级关系

    我需要实现下面的效果:   参考文章:https://blog.csdn.net/halaoda/article/details/78177069 涉及的View事件分发机制 https://www. ...

  4. Android开发学习——自定义View

    转载自: http://blog.csdn.net/xmxkf/article/details/51454685 本文出自:[openXu的博客]

  5. 推荐扔物线的HenCoder Android 开发进阶系列 后期接着更新

    官网地址:http://hencoder.com/ 我来做一次辛勤的搬运工 HenCoder:给高级 Android 工程师的进阶手册 HenCoder Android 开发进阶: 自定义 View ...

  6. android开发之自定义组件

    android开发之自定义组件 一:自定义组件: 我认为,自定义组件就是android给我们提供的的一个空白的可以编辑的图片,它帮助我们实现的我们想要的界面,也就是通过自定义组件我们可以把我们要登入的 ...

  7. 详解iOS开发之自定义View

    iOS开发之自定义View是本文要将介绍的内容,iOS SDK中的View是UIView,我们可以很方便的自定义一个View.创建一个 Window-based Application程序,在其中添加 ...

  8. 《android开发进阶从小工到专家》读书笔记--HTTP网络请求

    No1: 客户端与服务器的交互流程: 1)客户端执行网络请求,从URL中解析出服务器的主机名 2)将服务器的主机名转换成服务器的IP地址 3)将端口号从URL中解析出来 4)建立一条从客户端与Web服 ...

  9. 【Android 应用开发】自定义View 和 ViewGroup

    一. 自定义View介绍 自定义View时, 继承View基类, 并实现其中的一些方法. (1) ~ (2) 方法与构造相关 (3) ~ (5) 方法与组件大小位置相关 (6) ~ (9) 方法与触摸 ...

随机推荐

  1. 深入V8引擎-AST(4)

    (再声明一下,为了简单暴力的讲解AST的转换过程,这里的编译内容以"'Hello' + ' World'"作为案例) 上一篇基本上花了一整篇讲完了scanner的Init方法,接下 ...

  2. vSphere、 ESXi、Vcenter、vSphere Client关系

    vSphere是什么? vSphere 是VMware公司发布的一整套产品包,是VMware公司推出的一套服务器虚拟化解决方案,包含VMware ESXi hypervisor,VMware vCen ...

  3. Python连载21-collections模块

    一.collections模块 1.函数namedtuple (1)作用:tuple类型,是一个可命名的tuple (2)格式:collections(列表名称,列表) (3)​返回值:一个含有列表的 ...

  4. STM32学习的一些实例

    第一讲:修炼STM32之乾坤大挪移术—— 如何用DMA神器搬运数据DMA,即直接存储器访问.DMA 传输方式无需 CPU 直接控制传输,通过硬件为 RAM 与 I/O 设备开辟一条直接传送数据的通路, ...

  5. HDU 5113:Black And White(DFS)

    题目链接 题意 给出一个n*m的图,现在有k种颜色让你对这个图每个格子染色,每种颜色最多可以使用col[i]次,问是否存在一种染色方案使得相邻格子的颜色不同. 思路 以为是构造题,结果是爆搜.对于每一 ...

  6. 50行Python代码,教你获取公众号全部文章

    > 本文首发自公众号:python3xxx 爬取公众号的方式常见的有两种 - 通过搜狗搜索去获取,缺点是只能获取最新的十条推送文章 - 通过微信公众号的素材管理,获取公众号文章.缺点是需要申请自 ...

  7. flask模板语言 jinja2 以及render_template 深度用法

    是时候开始写个前端了,Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符 ...

  8. java 泛型?和T的区别

    泛型三种:          [1]ArrayList<T> al=new ArrayList<T>();指定集合元素只能是T类型          [2]ArrayList& ...

  9. 解决webpack打包速度慢的解决办法

    技巧1 webpack在打包的时候第一次总是会做很长的准备工作,包括加载插件之类的.在刚接触webpack的时候总是webpack一下-测一下-改一下-再webpack一下,这种方式最后让很多人崩溃了 ...

  10. linux_硬链接和软链接区别

    硬链接有点类似于复制的概念.    ln 源文件 目的文件    ln不加-s,则默认是硬链接.例如,ln script script-hard,ls命令显示,script*显示硬链接有两个.我任意删 ...