师：同学们，今天让我们一起学习六年级广州版信息技术第二单元第16课小巧绘画板画布组件的使用。大家喜欢画画吗？想不想设计一款属于自己的绘画板？今天我们就一起来制作一款手机绘画APP，学习画布组件，掌握设置画布属性、使用画布代码块以及保存绘画图片的方法。这个应用是怎样的呢？我请两位同学来体验一下，演示的时候，请大家思考这个APP是如何操作的，手机又有什么反应。
生：大家好，我是天河区体育东路小学兴国学校的李阳宝，今天我来给大家介绍这款画图软件。我们点进去软件会有个空白画板，现在我来给大家演示，我们画一个苹果。好了，一个苹果就画好了。
生：大家好，我叫曾浩轩，我也画了一幅画，我保存一下。咦，保存到哪里去了呢？
师：你们都画得真好，能告诉大家你们是怎么操作的，手机又有什么反应吗？
生：我是用手指直接触碰屏幕，手指划过的地方就会出现线条，像这样就有线条出来了。
生：老师，我也是用手指在屏幕上画，但是我按下保存的时候，就不知道图画保存到哪里去了。
师：这款绘图APP其实是用画布组件来实现的，图片在点击保存按钮后，就保存到手机图库里面了。现在我们一起来分析分析这个应用，在这个程序里人的行为和手机的反应分别是什么呢？当人用手触摸屏幕绘画时，手机会根据手指触摸的轨迹划线；而当点击保存按钮后，虽然我们看不到屏幕有什么变化，但其实图片已经保存下来了。要实现这些功能，我们需要用到简单的界面布局和相应的画布组件、按钮组件。根据分析的结果，我们一起跟着视频学习如何制作一个简单的绘画APP。
组件设计，按照如下步骤完成组件设计：单击项目，单击新建项目，输入项目名称，单击确定。设置screen e的属性，将标题设置为小巧绘画板。添加画布组件，将高度属性设置为360像素，将宽度属性设置为320像素。添加水平布局，将水平对齐属性设置为居中，将垂直对齐属性设置为居中，将宽度属性设置为充满。添加按钮组件，将文本属性设置为保存，将按钮一重命名为保存按钮。
通过以上视频，我们学习了组件设计的全过程。首先是新建项目，并设置标题，上传图标图片，然后进入到组件设计。在这节课中，我们需要用到的组件有画布组件、保存按钮组件。画布组件属于绘图动画组件，是一个具有触感的矩形面板，可以在其中进行绘画。我们可以在组件属性或逻辑设计中设置其背景色、背景图片、框高以及画笔颜色等属性。完成了组件设计，接着进行逻辑设计，我们一起来看看程序是如何编写的。
逻辑设计。进入逻辑设计界面，按照以下步骤编写程序：
一、实现画布的划线功能。单击逻辑设计，单击画布一，拖动此代码块到工作面板，单击画布一向下拖动滚动条，拖动此代码块到工作面板。鼠标移到前点x坐标上，拖动取前点x坐标，拼接到X1参数插槽内。用同样的方法将取前点y坐标、取当前x坐标、取当前y坐标，分别对应拼接到Y1、X2、Y2参数插槽内。
二、实现单击保存按钮保存图片到系统相册的功能。单击保存按钮，拖动此代码块到工作面板，单击画布一向下拖动滚动条，拖动此代码块到工作面板。单击画布一向上拖动滚动条，拖动此代码块到工作面板。单击文本，拖动此代码块到工作面板，输入图片保存地址。
这里有两个代码块，分别实现了画布划线和保存图画的功能，具体是如何实现的呢？首先是第一个代码块，主要用到了画布组件，当画布被拖动时，可以感知到触摸事件并获知触碰点，从而调用画布的划线功能。在程序中，划线其实是从点X1Y1划线到点X2Y2。这里的点X1Y1分别选取的是前点x坐标、前点y坐标，点X2Y2分别选取的是当前x坐标、当前y坐标。程序执行时，由当前点不断变成前点，不断将它们连接起来，就是手指在画布上划过的痕迹，这样手机就实现了划线的功能。同学们，你们明白了吗？
生：老师，我是吴卓鑫，我有一个问题，为什么我画出来的线是这样的呢？