Chromium网页输入事件处理机制简要介绍和学习计划

发布时间:2017-09-04 19:18:06 作者:上海宙翔货物运输代理有限公司
Chromium网页输入事件处理机制简要介绍和学习计划

用户在浏览网页的时候,需要与网页进行交互,常用的操作如滑动、捏合网页,以及点击网页中的链接等。这些交互操作也称为用户输入事件,浏览器需要对它们作出迅速的响应,例如及时更新网页内容或者打开新的网页等。浏览器能够对用户输入事件作出迅速的响应是至关重要的,因为这关乎到用户浏览网页时的体验,尤其是在用户滑动和捏合网页时。本文接下来就简要介绍Chromium对用户输入事件的处理机制,以及制定后续的学习计划。

在任何一个平台上,用户输入事件都是由系统捕获和分发的,一般就是分给给当前激活的应用程序。应用程序接下来又会根据自身的UI结构找到产生输入事件的位置所对应的控件,然后将输入事件交给该控件处理。在Android平台上,用户输入事件的捕获和分发过程可以参考前面Android应用程序键盘(Keyboard)消息处理机制分析一文。

浏览器作为一个应用程序,它的用户输入事件同样也是系统捕获后分发给它处理的。从前面Chromium多进程架构简要介绍和学习计划这个系列的文章可以知道,基于Chromium的浏览器是多进程架构的,它主要有Browser、Render和GPU三种进程。其中,Browser进程负责创建浏览器的UI结构,Render负责加载网页内容,GPU进程负责将网页内容渲染在浏览器的UI上。这些知识点可以参考Chromium硬件加速渲染机制基础知识简要介绍和学习计划、Chromium网页加载过程简要介绍和学习计划和Chromium网页渲染机制简要介绍和学习计划这三个系列的文章。

以Chromium自带的Content Shell APK为例,它的Browser进程创建的UI结构如图1所示:

\

图1 Content Shell APK的UI结构

Browser进程创建的浏览器窗口由一个ContentShellActivity描述。这个ContentShellActivity包含了一个ShellManager。这个ShellManager又包含了一个Shell。注意,这里的ShellManager和Shell都是属于一个Layout元素。

一个Shell由一个Toolbar和一个ContentView组成。其中,Toolbar用来输入URL,ContentView用来展现URL对应的网页的内容。ContentView内部包含了一个SurfaceView,网页的内容实际上是渲染在这个SurfaceView上的。

用户与网页进行交互时,所产生的输入事件就会分发给ContentView处理。整体的处理过程如图2所示:

\

图2 用户输入事件处理过程

ContentView运行在Browser进程中,它接收到输入事件后首先会在Browser进程进行处理,主要就是检查手势操作,例如连续的输入事件是否产生了滑动和捏合事件。接着Browser进程再将发生的输入事件及其产生的手势操作通过一个类型为InputMsg_HandleInputEvent的IPC消息发送给Render进程处理。

Browser进程发送给Render进程的InputMsg_HandleInputEvent消息,首先会被Compositor线程截获。Compositor线程主要是检查消息里面是否包含了滑动和捏合手势操作。如果包含的话,那么就将它们应用在CC Active Layer Tree中。其它的输入事个将会转发给Main线程处理。Main线程主要将输入事件交给WebKit处理,也就是将它们应用在WebKit维护的DOM Tree中。关于Render进程中的Compositor线程和Main线程的详细介绍,可以参考前面Chromium网页渲染机制简要介绍和学习计划一文。

接下来我们以Touch事件为例,简要描述Browser进程和Render进程的Compositor线程、Main线程处理输入事件的过程。

Browser进程处理Touch事件的过程如图3所示:

\

图3 Browser进程处理Touch事件的过程

当发生Touch事件时,ContentView类的成员函数onTouchEvent就会被Android系统调用。从前面Chromium硬件加速渲染的OpenGL上下文绘图表面创建过程分析一文可以知道,Java层的每一个ContentView对象在C++层都对应有一个ContentViewCore对象。当Java层的每一个ContentView对象获得一个Touch事件之后,就会将该Touch事件分发给C++层与它对应的ContentViewCore对象处理。这是通过调用ContentViewCore类的成员函数OnTouchEvent实现的。

C++层的ContentViewCore对象获得从Java层传递过来的Touch事件之后,就会分别通过一个Gesture Dector和一个Scale Gesture Detector检查这个Touch事件是否产生了滑动(Scroll)和捏合(Pinch)手势操作。如果产生了,那么它们就会打包在一个Gesture Packet中。这个Gesture Packet又进一步通过一个InputRouter对象封装在一个InputMsg_HandleInputEvent消息中发送给Render进程处理。

企业建站2800元起,携手武汉肥猫科技,做一个有见地的颜值派!更多优惠请戳:武汉做网站 http://www.feimao666.com

  • 上一篇:Python 编写Windows服务程序:将Python作为Windows服
  • 下一篇:最后一页
  •