AppInventor6-动画讲课.pptVIP

AppInventor 动画-wuhuth 目标 主要介绍画布（Canvas）和精灵（ImageSprite）的使用方法，以及一些高级的动画功能，如边缘检测、碰撞处理和精灵操纵等。 掌握画布的使用方法 理解画布的坐标系统 掌握精灵的使用方法 掌握球（Ball）的使用方法 了解边缘检测和碰撞处理的原理 画布 画布是一种可在其上绘制图像的控件，初始的画布像一张空白幻灯片，没有任何内容，用户可以在画布上绘制各种图形，也可以在画布上加载图片作为画布的背景，或是在画布上显示文字。画布是常用的控件，除了作为绘制图形的承载体以外，还经常作为游戏的背景画面。 画布是一个具有触控感应的二维平面图板，采用经典的二维坐标系，原点在画布的左上角。使用坐标点(X,Y)说明画布的坐标系，X表示坐标点距离左侧边缘的距离，Y表示坐标点距离上边缘的距离，且X和Y都取正值。 画布 画布 在基本控件库中可以找到画布（Canvas），将画布拖拽到界面设计区后，画布仅仅显示为一个小图标，如下图所示。 画布属性 画布事件 画布事件 手指从A点按下，缓慢划线，从B点滑动到C点，然后抬起手指的过程。 手指接触到A点时产生TouchDown事件；手指从A到B再到C的移动过程中，将多次产生Dragged事件；在手指离开C点时，产生TouchUp事件。TouchDown和TouchUp事件只在手指触碰到屏幕和离开屏幕时产生。如果手指的触碰点和抬起点是同一点，将引发Touched事件；如果手指在屏幕上移动了，则不会引发Touched事件。 画布的Dragged事件 Dragged事件在手指移动过程中持续产生，主要用来跟踪手指的移动轨迹。该事件提供三个坐标，分别是移动开始坐标点（StartX和StartY）、事件产生时的当前坐标点（CurrentX和CurrentY）、前一个事件产生时的坐标点（PrevX和PrevY） 以右图场景为例，如果从A点到C的过程中，只在B点和C点产生了Dragged事件，则在C点产生的事件中，移动开始节点是A，当前节点是C，前一个事件产生是在B点。 画布的Flung事件 画布的Flung事件只有手指在屏幕上快速划动的时候才会产生。以右图场景为例，在从A经过B到C的过程中，如果手指在屏幕上移动的足够快，则当手指在C点抬起时，会产生Flung事件。Flung事件中会提供划动开始节点的坐标、划动方向、速度、速度在X轴和Y轴的分量。 画布的Flung事件 画布的事件 示例CanvasEvent 示例CanvasEvent 示例CanvasEvent CanvasEvent示例说明画布的事件响应的时机和提供的数据。上图分别是在界面编辑器中的界面和手机运行时的界面。CanvasEvent示例中上方是画布控件，下方是各种事件数据的显示区域。在上方的画布上进行触碰操作或滑动操作，事件的响应结果便会显示在界面下部。 示例CanvasEvent逻辑控制模 TouchDown事件处理函数逻辑模块 TouchUp事件处理函数逻辑模块 Touched事件处理函数逻辑模块 画布方法 画布方法 画布所支持的方法，除了Clear和Save方法之外都需要用户提供坐标作为基本参数，如DrawPoint和GetPixelColor。下图给出了画布所有方法中需要用户提供的参数。 画布方法 相机 相机控件是一个非可视化控件，可利用手机的镜头进行拍照。相机控件在媒体控件区（Media）可以找到。 相机 相机控件只支持一种方法TakePicture，此方法被调用时，手机将进行拍照。该方法结束后会引发AfterPictures事件。 相机 AfterPicture事件在拍照完成后被产生，其中image是手机中用来存放拍摄照片的路径信息。 加速传感器控件 加速传感器控件用来检测手机加速度大小，可在三个方向测量手机晃动时的加速度，测量单位为米/秒2(m/s2)。加速传感器控件在传感器控件区（Sensors）可以找到。 加速传感器控件 加速传感器控件支持X加速度、Y加速度、Z加速度，每个加速度数值都有正值和负值。其中，设备左侧抬高时,X加速度数值为正，右侧抬高时，X加速度数值为负。手机处于水平位置，下部抬起时Y加速度为正，上部抬起时Y加速度为负。手机处于水平位置，屏幕朝上时Z加速度为正，朝下时Z加速度为负。此外，手机屏幕朝上且水平放置时，Z加速度约为9.8m/s2。 加速传感器控件 加速传感器控件 加速传感器控件支持的事件有AccelerationChanged和Shaking。 AccelerationChanged事件在加速传感器的加速度改变时调用，并根据加速传感器的变化返回X、Y、Z加速度值，可以在三个方向上确定手机晃动时的加速度大小。 Shaking事