点击上方“蘑菇云创造”可以关注我们哦
光影重叠，时间和回忆定格在在一张张相片里。人们通常会用相框把相片装裱起来，展示在家中或者工作的地方，来回味往日的美好时光。但是一个相框只能放一张照片，怎么才能让它展示不同的照片呢？正好此时我们的手边有一块掌控板，让它来帮助我们制作一个可以展示更多照片的趣味相框吧。
项目示例
本项目中将以在掌控板上显示图片为例，结合按钮，做出可以通过按钮切换显示不同图片的效果。
可以通过以下两个小任务进行实践：
￭ 任务一：显示图片
￭ 任务二：按钮切换图片
任务一：显示图片
将下面这张照片显示在掌控板上。
输入以下程序，注意各参数设置，并将程序上传。
运行结果
点击上面程序中“屏幕显示图片”指令中的设置框 ，在下拉弹窗中可以更换照片、修改图片尺寸、预览照片在屏幕中的位置和大小。
* 当图片原图的宽高比与我们设置的不同，图片会被相应拉伸或压缩。你可以在进行参数设置时，先查看原图的宽高比，然后以这个比例去设置“图像尺寸”中的参数。
任务二：按钮切换图片
掌控板上自带两个按钮“A”、“B”。
为了让图片显示的更加有趣，我们可以通过按钮控制图片显示。例如：按下按钮A时显示如下左图，按下按钮B时显示如下右图。
输入以下程序，并将程序上传。
运行结果：按下A键，显示如左图；按下B键，显示如右图。
* 掌控板的屏幕使用的是单色OLED显示屏，彩色图片导入掌控板后，会自动处理成黑白效果。
掌握了在屏幕上显示图片和按钮的使用方法，你可以利用掌控板做一个滚动显示不同图片的相框，还可以结合按钮添加更多的动态效果，发挥你的创造力去制作的趣味相框吧！
知识拓展
一、硬件知识
按钮
掌控板上自带两个按钮“A”、“B”。按钮有“按下”和“松开”两个状态，是一种输入信号。
02
输入信号
输入信号是指外界给掌控板的信号。按钮就是一种非常典型的输入信号，通过按下或松开，使掌控板在得到信号后作出不同的响应。
与输入信号对应的是输出信号，即掌控板反馈给外界的信号。本项目中的输出信号即为在屏幕上显示图片。
在后面的学习中，我们还将接触到其他输入信号，例如光线、声音强度的变化等；也有其他的输出信号，例如点亮小灯、发出声音等。
二、软件知识
文字和图片的坐标定义
掌控板上显示的文字和图片是由多个像素点组合而成。“屏幕显示文字”和“屏幕显示图片”指令中的坐标值对应指文字或图片左上角第一个像素点的位置。
小试牛刀
尝试在掌控板上显示
提示：“屏幕显示全黑/全白”指令配合“屏幕显示文字”指令。
观察上图，关于掌控板的文字显示结论如下：
￭ 每个中文字符占16x16个像素，中文字符指中文输入法下的文字、标点符号等；
￭ 每个英文字符占16x8个像素，英文字符指英文输入法下的字母、标点符号等；
￭ 数字及数学运算符号（+、-、*、/等）占16x8个像素；
￭ 每个字符的坐标值是指组成该字符的左上角第一个像素点位置。
以“你”字为例，它的坐标值是指所在的16x16像素点中左上角第一个像素。
02
指令汇总
项目小结
￭ 掌握掌控板上显示图片的方法
￭ 掌握按钮的使用方法
￭ 掌握文字和图片的坐标定义
挑战一下
1、尝试使用多张连续的图片，做一个小动画。提示：屏幕显示图片指令配合清屏效果和延时模块。
2、尝试做一个按钮控制飞翔状态的小鸟。不按按扭的时候，屏幕显示一只静止的小鸟；当按下按键A，小鸟翅膀向上；当按下B键，小鸟翅膀向下。参考照片如下。
——————— 正文完 ———————
教育的目的是为了培养学生协作能力、沟通能力、批判思维以及创造力，其中最核心的是创造力，蘑菇云创客教育作为国内为数不多的一站式创客教育服务供应商旨在培养孩子的创造力。
为让学生们在课堂上学习到的知识更好地连接现实世界，蘑菇云将指导学校规划、建立、运营自己的创客空间。并根据学生年龄段的不同，在设计与布局上进行了区分
小学创客空间注重趣味性，
强调互动场景；
初中创客空间注重实用性，
强调学习场景；
高中创客空间注重技术性，
强调应用场景；
在内容上， 蘑菇云和国内一线创客名师联手，编纂了一系列适合国内创客教育的教材。并拥有一套完整的创客教育课程体系，包括课程内容及教具，课程培训，技术答疑。同样根据学生年龄段的不同，在课程分类与设计上也会有所区别。
小学通过游戏化和体验化的方式来开展，要以“玩中学”为主。
初中引导学生在实际动手过程中进行探究式学习，促进“做中学”。
高中基于问题和设计的学习，需要教师为学生创设相关的真实情境，使高中生在“思中学”。
推荐阅读：
获奖名单】基于micro:bit的Mini-PBL教学实践——DF创客名师线上分享会内容总结
所谓厉害的人，遇到问题时的思维模式与我们的差别在哪？如何改变思维模式？
Boson for micro:bit造物粒子套件被英国TEACH PRIMARY杂志评为五星教学资源奖
获奖名单｜第33届全国青少年科技创新大赛DF创意之星专项奖花落谁家?
点击阅读原文，了解更多！