App Inventor移动应用开发标准教程7_组件-绘图动画.pptxVIP

第7讲 组件-绘图动画;;一个二维的、具有触感的矩形面板，可以在其中绘画，或让精灵在其中移动。 可以在设计或编程视图中设置其背景色、画笔颜色、背景图、宽、高等属性。以像素为单位。 画布上的任何一点都可以表示为一对坐标(x,y)，其中 x表示该点距离画布左边界的像素数 y表示该点画布距离上边界的像素数;直角坐标与计算机屏幕坐标;画布的坐标系 原点在画布左上角 X向右增加 Y向下增加 单位为像素点;画布可以感知触摸事件，并获知触碰点，也可以感知对其中精灵(图像精灵或球)的拖拽。此外，组件还具有画点、画线及画圆的方法。 ;字号（FontSize）：绘制在画布上的文字的大小。 线宽（LineWidth）：在画布上绘制时，线的宽度。 画笔颜色（PaintColor）：在画布上绘制图形时，线的颜色。 文本对齐（TextAlignment）：决定了由“画字”或“沿角度画字”方法绘???文本时文本对齐方式。;;;;;被拖动（Dragged）：当用户在画布上从一个点(前点X坐标, 前点Y坐标)推拽到另外一个点（当前X坐标，当前Y坐标）时触发，（起点X坐标，起点Y坐标）表示用户首先触摸屏幕的地方，“draggedAnySprite”表示是否有精灵被拖拽，返回的是逻辑值。 ;;;被划动（Flung）：当用户手指在画布上划过时（快速滑动），触发该事件。提供了划动的起点位置（x坐标，y坐标）（相对于画布左上角的位置），划动的速度(每毫秒像素数)及方向H(0至360度)以及速度在x、y方向的分量速度X分量和速度Y分量，“被划动精灵”表示在划动起点处是否有精灵，如有返回的是逻辑值真。;; 被按压（TouchDown）：当用户开始触摸画布(将手指放在画布上尚未移开时)触发该事件，提供了触碰点的位置（x坐标，y坐标）（相对于画布左上角）。 被松开（TouchUp）：当用户停止触摸画布时(在被按压事件之后抬起手指)触发该事件，提供了触碰点的位置（x坐标，y坐标）（相对于画布左上角）。;被触碰（Touched）：当用户触摸画布并抬起手指时，触发该事件，提供了触碰点的位置（x坐标，y坐标）（相对于画布左上角）。如果触摸的同时碰到了精灵，touchedAnySprite的值为真，否则为假。 用户触碰画布，然后移开画布时事件触发的过程是，当用户触碰画布，尚未移开时，触发“被按压”事件，当用户手指抬起手指时触发“被松开”和“被触碰”事件。;按压、松开和触碰事件比较;;用户触碰一下画布然后松开，将产生三个点，变化过程;清除画布（Clear）：清除画布上绘制的任何东西，但背景色、图片除外（包括精灵）。 画圆（DrawCircle）：以给定的圆心（centerX,centerY）和半径radius在画布上绘制圆，默认为实心圆，fill参数设置是实心圆还是空心圆，true为实心圆。 画线（DrawLine）：在画布上给定的两点坐标之间画线。 画点（DrawPoint）：在画布上给定的坐标位置画点。;画字（DrawText）：用画布设定的字号和对齐方式属性在画布上指定坐标位置画文字。 沿角度画字（DrawTextAtAngle）：用画布设定的字号和对齐方式属性在画布上以指定的角度在指定坐标位置画文字。 求背景像素色值（GetBackgroundPixelColor）：获取画布上指定点的颜色值，颜色包括背景色和画布上的任何绘制点、线、圆，但不包括精灵的颜色。;求像素颜色值（GetPixelColor）：得到指定点的颜色值(包括精灵的颜色)。 设背景像素色值（SetBackgroundPixelColor）：为画布上的指定点设置背景色。 保存（Save）：把画布上的内容保存到设备的存储器中。如果保存出错，将触发屏幕的出现错误事件。默认保存在内部存储的My Documents/Pictures下，文件名称为app_inventor_*.png，*表示一串数字。 ;将画布上绘制的内容以指定的文件名保存到设备的外部存储器中。文件扩展名必须是.jpg、.jpeg、或.png，扩展名决定了文件的类型。;图像精灵只能被放置在画布内；精灵有多种响应行为： 它可以回应触摸及拖拽事件，与其他精灵(球及其他精灵)及画布边界产生交互； 它具有自主行为：根据属性值进行移动； 它的外观由图片属性所设定的图像决定(除非将可见属性设置为假)。;例如，如果想让图像精灵在每1000毫秒(1秒钟)内向左移动10个像素，则须将图像精灵的速度属性设置为10[像素]，间隔属性设为1000[毫秒]，方向属性设为180[度]，并将启用属性设为真。;;;;启用（Enabled）：当精灵的速度不为零时，控制精灵是否可以移动。 方向（Heading）：返回精灵相对于x轴正方向之间的角度来表示的方向。0度指向屏幕的右方，90度指向屏幕