单元一
第2课 图像显示-显示图片(不支持仿真)
一、任务目标
把图片显示到彩屏，还能截取一块再贴回去。
二、我们要学什么
- 学习要点：显示图片｜整张铺上，或截取一块再放回
- 本课过关：能完成：说出显示图片就是把 jpg 画到彩屏；载入编程体验，指出把 111.jpg 整张显示；再运行完整程序，指出先按位置显示，再截取 x＝20、y＝20、宽 200、高 200，放回同一位置。
- 示例对齐：编程体验对应 「1-2-1 图像显示-显示图片(不支持仿真)」；完整程序对应 「1-2-2 图像显示-截取显示(不支持仿真)」。
三、本节要点
本课要利用图片显示认识显示图片。重难点是分清两套——编程体验整张铺上；完整程序截取 200×200 再放到 (20,20)。要点对齐「显示图片｜整张铺上，或截取一块再放回」。
1读场景把一张图片打开到彩屏上观看
2对要点显示图片｜整张铺上，或截取一块再放回
3载入运行十学期兴趣课程积木/代码
四、解题思路
任务：利用图片显示，用两套程序认识显示图片（本课可不要求仿真）。编程体验整张显示 111.jpg；完整程序截取一块再放回。请对照彩屏。
本课主要用到：彩屏 TFT；图片 111.jpg。
- 1利用图片显示，看 111.jpg 怎么出现在彩屏上。
- 2编程体验整张显示，旋转参数 0。
- 3完整程序先在 (0,0) 显示。
- 4再截取 (20,20) 起 200×200。把截取结果放到 (20,20)。
- 5完成补全与从头编写，并对照现象。
流程示意
五、图形块功能讲解
下面只列出本课首次出现的 Mixly 图形块（真积木截图）。已在前面课讲过的不再重复；先认新块，再点「载入」对照拖搭。
| 图形块 | 分类 | 作用 | 本课用法 |
|---|---|---|---|
 | 显示 | 把图像显示到屏幕。 | 编程体验把 111.jpg 整张显示，旋转参数 0。 |
 | 显示 | 在屏幕坐标处显示图像。 | 完整先在 (0,0) 显示 111.jpg，截取后再在 (20,20) 显示。 |
 | 显示 | 在屏幕区域预览取景。 | 完整截取后按指定位置把这块图像放回彩屏。 |
六、知识点讲解
显示图片把已有 jpg 画到彩屏。可以整张铺上，也可以指定位置并截取一块再放回。
先弄清：整张还是截取；再进编程练习对照彩屏。
七、编程练习
点「载入」打开 MixVM（board=sant_design）。默认图形化积木；起步程序与积木均来自 MixGo SANT 十学期兴趣课程/学期A。若题目带外设 design，载入时会自动导入接线。在 Mixly 工具栏点「运行 / 停止」，「检查」做关键字核对。请先读本页「四、解题思路」与「五、图形块功能讲解」，再点载入。
十学期兴趣课程：1-2-1 图像显示-显示图片(不支持仿真).mix。载入后运行。
正在载入编程环境
正在载入 MixGo SANT 仿真编程环境…
八、课堂练习
先完成两道正误判断，再做其余题目；选出后点「检查」。
判断：编程体验循环打开摄像头做实时预览。
判断：完整程序截取 x＝20、y＝20、宽 200、高 200，再放到 (20,20)。
本课说的「显示图片」指的是？
编程体验和完整程序的主要差别是？
运行编程体验，彩屏上应看到？
九、本节小结
本课认识显示图片。编程体验整张显示 111.jpg；完整程序截取 200×200 再放到 (20,20)。