第4课　图像显示-移动显示大图片(不支持仿真)

单元一

第4课　图像显示-移动显示大图片(不支持仿真)

一、任务目标

打开大图按键平移，还能先居中再挪。

二、我们要学什么

学习要点：大图平移｜从边角或从居中开始移
本课过关：能完成：说出大图平移就是打开缩放后的图，再改 x、y；载入编程体验，指出从 (0,0) 开始，A1 上、A2 右、A3 下、A4 左，每次 10；再运行完整程序，指出起始坐标改成按宽高居中：(宽-240)÷2、(高-240)÷2。
示例对齐：编程体验对应「1-4-1 图像显示-移动显示大图片(不支持仿真)」；完整程序对应「1-4-2 图像显示-居中显示大图片(不支持仿真)」。

三、本节要点

本课要利用图片显示认识大图平移。重难点是分清两套——按键移动规则相同；完整程序一开始就按图片宽高居中。要点对齐「大图平移｜从边角或从居中开始移」。

1读场景大图比屏幕大，按键平移才能看完

2对要点大图平移｜从边角或从居中开始移

3载入运行十学期兴趣课程积木/代码

四、解题思路

任务：利用图片显示，用两套程序认识移动大图。两套都用 A 键每次 10 像素；编程体验从 (0,0) 起；完整程序先按宽高居中。请对照彩屏。

本课主要用到：彩屏 TFT；图片 111.jpg；按键 A1～A4。

1利用图片显示，按 A 键移动大图。
2打开 111.jpg，缩放宽高都是 240。
3编程体验 x、y 从 0 起。
4完整程序用 (宽-240)÷2、(高-240)÷2 作为起点。A1 上、A2 右、A3 下、A4 左，每次 10，约 0.1 秒一拍。
5完成补全与从头编写，并对照现象。

流程示意

五、图形块功能讲解

下面只列出本课首次出现的 Mixly 图形块（真积木截图）。已在前面课讲过的不再重复；先认新块，再点「载入」对照拖搭。

分类	作用	本课用法
板载智能	从文件加载图片。	打开 111.jpg，旋转 0，缩放宽高都是 240。
控制	暂停指定时间，常用于动画节奏或等待。	每次移动后停约 0.1 秒。
数学	加、减、乘、除等运算。	完整用 (宽-240)÷2、(高-240)÷2 计算居中起点。
板载智能	获取目标宽高等信息。	完整读取打开后的宽、高，才能计算居中坐标。

六、知识点讲解

大图平移先打开图片并缩放，再改显示坐标。起点可以是边角，也可以按宽高算居中。

先弄清：移动规则相同，起点不同；再进编程练习对照。

七、编程练习

点「载入」打开 MixVM（board=sant_design）。默认图形化积木；起步程序与积木均来自 MixGo SANT 十学期兴趣课程/学期A。若题目带外设 design，载入时会自动导入接线。在 Mixly 工具栏点「运行 / 停止」，「检查」做关键字核对。请先读本页「四、解题思路」与「五、图形块功能讲解」，再点载入。

选择题目

十学期兴趣课程：1-4-1 图像显示-移动显示大图片(不支持仿真).mix。载入后运行。

九、本节小结

本课认识大图平移。两套都用 A 键每次 10 像素；编程体验从 (0,0) 起，完整程序按宽高居中。