8组件-绘图动画讲述.ppt

图像精灵ImageSprite 图像精灵ImageSprite 图像精灵ImageSprite 图像精灵ImageSprite 图像精灵ImageSprite 例： 图像精灵ImageSprite 图像精灵ImageSprite 综合例子—打地鼠 综合例子—打地鼠 综合例子—打地鼠 综合例子—打地鼠 综合例子—打地鼠 综合例子—打地鼠 College of Mathematics and Computer Science, Hunan Normal University College of Mathematics and Computer Science, Hunan Normal University College of Mathematics and Computer Science, Hunan Normal University College of Mathematics and Computer Science, Hunan Normal University 瞿绍军 湖南师范大学数学与计算机科学学院 绘图动画 一个二维的、具有触感的矩形面板，可以在其中绘画，或让精灵在其中移动。 可以在设计或编程视图中设置其背景色、画笔颜色、背景图、宽、高等属性。以像素为单位。 画布上的任何一点都可以表示为一对坐标(x,y)，其中 x表示该点距离画布左边界的像素数 y表示该点画布距离上边界的像素数 画布Canvas 直角坐标与计算机屏幕坐标 画布Canvas X轴 Y轴 + + - - (0, 0) 直角坐标系 X轴 Y轴 + + (0, 0) 计算机屏幕坐标 画布的坐标系 原点在画布左上角 X向右增加 Y向下增加 单位为像素点 画布Canvas 画布可以感知触摸事件，并获知触碰点，也可以感知对其中精灵(图像精灵或球)的拖拽。此外，组件还具有画点、画线及画圆的方法。 画布Canvas 画布Canvas 画布Canvas 画布Canvas 画布Canvas 画布Canvas 画布Canvas 画布Canvas 画布Canvas 画布Canvas 画布Canvas 画布Canvas 将画布上绘制的内容以指定的文件名保存到设备的外部存储器中。文件扩展名必须是.jpg、.jpeg、或.png，扩展名决定了文件的类型。 画布Canvas 该组件可以置于画布上，是一个圆形的精灵，可以与外界进行交互，交互方式有三种： 用户可以通过触摸及拖拽的方式与之交互； 与其他精灵(包括图片精灵及其他球)之间通过碰撞的方式交互； 与画布的边缘之间的交互。 球形精灵Ball 该组件会依据自身的属性值进行移动。例如，想让球在每500毫秒(半秒钟)的时间里向画布的顶部移动4个像素，就可以将球的速度属性设置为4[像素]，时间间隔属性设置为500[毫秒]，方向属性设置为90[度]，并将启用属性设置为真，而且可以随时修改这些属性。 球组件与图像精灵组件之间的差别在于，后者可以通过设置图像属性来改变自己的外观，而球的外观只能通过改变它的颜色及半径来实现。 球形精灵Ball 方向，以角度来表示精灵的方向，x轴的正方向为0度，即指向屏幕的右侧；90度指向屏幕的顶部。 时间间隔，以毫秒为单位，精灵位置变化的时间间隔。如，如果间隔为50，且速度为10，则精灵每50毫秒移动10个像素的距离。 速度，精灵移动的速度：在每个时间间隔内移动的像素数。 球形精灵Ball Z，精灵在垂直于屏幕方向上的层级，高层级的精灵将遮挡低层级的精灵，即高层级精灵在前，而低层级精灵在后。 球形精灵Ball 球形精灵Ball 球形精灵Ball 球形精灵Ball 例 球形精灵Ball 球形精灵Ball 图像精灵只能被放置在画布内；精灵有多种响应行为： 它可以回应触摸及拖拽事件，与其他精灵(球及其他精灵)及画布边界产生交互； 它具有自主行为：根据属性值进行移动； 它的外观由图片属性所设定的图像决定(除非将可见属性设置为假)。 图像精灵ImageSprite College of Mathematics and Computer Science, Hunan Normal University College of Mathematics and Computer Science, Hunan Normal University College of Mathematics and Computer Science, Hunan Normal University College of Mathematics and Computer Science, Hunan Normal University