认识 vue-router

• vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。

• 我们可以访问其官方网站对其进行学习: https://router.vuejs.org/zh/

• vue-router是基于路由和组件的：

  • 路由用于设定访问路径, 将路径和组件映射起来。

  • 在vue-router的单页面应用中, 页面的路径的改变就是组件的切换。

基础语法

Mustache

将data中的文本数据，插入到HTML中

认识Vue

• 官网：

  https://cn.vuejs.org/v2/guide/

• Vue (读音 /vjuː/，类似于 view)，不要读错。

• Vue是一个渐进式的框架，什么是渐进式的呢？
  渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统。比如Core+Vue-router+Vuex，也可以满足你各种各样的需求。
• Vue有很多特点和Web开发中常见的高级功能
  • 解耦视图和数据
  • 可复用的组件
  • 前端路由技术
  • 状态管理
  • 虚拟DOM

简述

顶级View对点击事件的分发：

点击事件达到顶级View（一般是一个 ViewGroup ）以后，会调用 ViewGroup的 dispatchTouchEvent 方法，然后的逻辑是这样的：如果顶级 ViewGroup 拦截事件的 onInterceptTouchEvent 返回 true，则事件由 ViewGroup 处理，这时如果 ViewGroup 的 mOnTouchListener 被设置，则 onTouch 会被调用，否则 onTouchEvent 会被调用。也就是说，如果都提供的话，onTouch 会屏蔽掉 onTouchEvent 。在 onTouchEvent 中，如果设置了 mOnClickListener，则 onClick 会被调用。如果顶级 ViewGroup 不拦截事件，则事件会传递给它所在的点击事件链上的子View，这时子 View 的 dispatchTouchEvent 会被调用。到此为止，事件已经从顶级View传递给了下一层View，接下来的传递过程和顶级 View 是一致的，如此循环，完成整个事件的分发。

事件分发、拦截与消费

概述

安卓上面的View是树形结构的，View可能会重叠在一起，当我们点击的地方有多个View都可以响应的时候，这个点击事件应该给谁呢？为了解决这一个问题，就有了事件分发机制。

概述

Android 手势检测，主要是 GestureDetector 相关内容的用法和注意事项。在开发 Android 手机应用过程中，可能需要对一些手势作出响应，如：单击、双击、长按、滑动、缩放等。这些都是很常用的手势。

概述

多点触控 ( Multitouch，也称 Multi-touch )，即同时接受屏幕上多个点的人机交互操作，多点触控是从 Android 2.0 开始引入的功能，在 Android 2.2 时对这一部分进行了重新设计。

概述

Android 将所有的输入事件都放在了 MotionEvent 中，随着安卓的不断发展壮大，MotionEvent 也开始变得越来越复杂。主要学一下单点触控、多点触控、鼠标事件 以及 getAction() 和 getActionMasked()

概述

我们在自定义 View 控件时随处可见 Matrix 的身影，主要用于坐标转换映射，我们可以通过 Matrix 矩阵来控制视图的变换。

Matrix 本质上是一个如下图所示的矩阵：

上面每个值都有其对应的操作。

概述

顾名思义，PathMeasure是一个用来测量Path的类，主要有以下方法: