掌控板入门教程03 节日的祝福图1" height="535" src="https://img-blog.csdnimg.cn/img_convert/c4855342cda938385a69f66550b5a229.png" width="595" />

项目示例

本项目以一封新年祝福电子贺卡为例，介绍如何利用掌控板制作一份有趣的电子贺卡。下图为贺卡中的几张截图，可以看出它的动态效果是先模拟卷轴打开，然后在卷轴上依次显示图案和文字。

掌控板入门教程03 节日的祝福图2" height="142" src="https://img-blog.csdnimg.cn/img_convert/2b565f7c666158769da8283e44c6c1d6.png" width="748" />

本项目中，我们将通过学习“画线”和“画矩形”指令完成电子贺卡的制作。

可通过以下3个小任务进行实践：

￭ 任务一：模仿卷轴图案，制作一个静态卷轴

￭ 任务二：模仿卷轴打开效果，制作一个动态卷轴

￭ 任务三：显示吉祥图案和祝福语

任务一：静态卷轴

输入程序，并将程序上传。

掌控板入门教程03 节日的祝福图3" height="274" src="https://img-blog.csdnimg.cn/img_convert/a866b707ec5b854fecde211a9825b3e8.png" width="748" />

运行结果：
 

掌控板入门教程03 节日的祝福图4" height="750" src="https://img-blog.csdnimg.cn/img_convert/6fca1f8d2e443b3ce0156c490ebff6b9.jpeg" width="750" />

可以看出掌控板上显示的卷轴由两个填充矩形和两条线段组成。程序中的参数设置参考下图。
 

掌控板入门教程03 节日的祝福图5" height="379" src="https://img-blog.csdnimg.cn/img_convert/edf4eb036112fbe1145982020bc7de4d.png" width="750" />

小试牛刀：运用“画线”、“画矩形”指令，在掌控板屏幕中央显示一个信封图案，效果如下。

掌控板入门教程03 节日的祝福图6" height="750" src="https://img-blog.csdnimg.cn/img_convert/777905310debb34f2926ca45851b01e4.jpeg" width="750" />

任务二：动态卷轴

动态卷轴即模仿卷轴从关闭到打开的过程。输入以下程序，并将程序上传。

掌控板入门教程03 节日的祝福图7" height="1184" src="https://img-blog.csdnimg.cn/img_convert/d2da83952b0bcd0688292597c7736011.png" width="750" />

运行结果：掌控板上依次显示5幅图案，产生卷轴缓慢打开的效果。

掌控板入门教程03 节日的祝福图8" height="151" src="https://img-blog.csdnimg.cn/img_convert/2395b2aa519785ce3bbe3de710e64fc6.png" width="749" />

上面程序由重复性比较高的5段程序组成，每段程序的作用是显示一副图案，其差异性为“画线”指令终点x2的坐标，每过1秒，增加20。

对于这样变化规律且具有重复性的程序，还有更简便的写法，如下。

掌控板入门教程03 节日的祝福图9" height="303" src="https://img-blog.csdnimg.cn/img_convert/5e0450dcc639b34ebe54fae95df02ad1.png" width="750" />

运行程序后，结果与上相同。

任务三：显示图案和文字

接下来，让我们将文字“福”和下面的图案显示在展开的卷轴上。

掌控板入门教程03 节日的祝福图10" height="243" src="https://img-blog.csdnimg.cn/img_convert/9a545eba81378d8021e23a11cdf59871.png" width="544" />

程序如下。

掌控板入门教程03 节日的祝福图11" height="1111" src="https://img-blog.csdnimg.cn/img_convert/15e601c9cdf0cdcc34e58e36a85eb866.png" width="750" />

最终运行结果：

掌控板入门教程03 节日的祝福图12" height="750" src="https://img-blog.csdnimg.cn/img_convert/5df734443985111922c0c73ba8f85a3c.jpeg" width="750" />

知识拓展

软件知识

1、变量

变量的作用是存放可以变化的值。

变量就好像我们的钱包一样，可以往钱包里放1块钱或者100块钱，还可以在放了100再放50。只要钱包的容量允许，随便放多少进去，每次打开钱包都能看到有多少钱。变量也是如此，你可以放不同的数值进去，可以是1、100，还可以放了100再放50，你也可以随时看到变量里放的数值是多少。

掌控板入门教程03 节日的祝福图13" height="379" src="https://img-blog.csdnimg.cn/img_convert/79c941c91b9dcd08ce3039274475f37d.png" width="671" />

变量来源于数学，能够让你把程序中准备使用的需要不断变化的数据赋给一个简短、易于记忆的名字。

变量主要有以下几个优点：

￭ 方便程序对于变量进行计算或者更改；

￭ 方便随时调用；

￭ 定义好一个好的名称，能够更好的理解程序。

2、指令汇总

掌控板入门教程03 节日的祝福图15" height="799" src="https://img-blog.csdnimg.cn/img_convert/83ca6f9fc6df32ec88f1b0255aa4d6ef.png" width="711" />

掌控板入门教程03 节日的祝福图16" height="242" src="https://img-blog.csdnimg.cn/img_convert/95901e69b9f50db3f5e69ba0d930afa0.png" width="710" />

项目小结

￭ 掌握在屏幕上画线、画矩形的方法

￭ 掌握“变量”的意义和用法

挑战一下

1、修改任务三程序，缩短间隔时间，增加过程状态图案数量，优化卷轴打开效果。

2、做一个按钮控制的进度条，按下按钮A，进度条减少，按下按钮B，进度条增加。

3、思考一下，如何在屏幕上画出倾斜的矩形？提示：

掌控板入门教程03 节日的祝福图14" height="53" src="https://img-blog.csdnimg.cn/img_convert/00c475e908109afb5341984b50b36e26.png" width="165" />

 文本参考： 

官方教程https://mc.dfrobot.com.cn/misc.php?mod=tag&id=3395
mindplus官方https://mc.dfrobot.com.cn/misc.php?mod=tag&id=3309
掌控板https://mc.dfrobot.com.cn/misc.php?mod=tag&id=3184