关注
10
粉丝
12
帖子

掌控板和物联网编程入门1.1-我的小标牌

一、基本信息

作品名称:我的小标牌

作者姓名:季晨悦、朱纯艳、黄斯文

作者单位:飞鼠科技

教材名称:《掌控板和物联网编程入门》

教材类型:自编教材

教材简介:这是在谢作如老师指导下,为普及掌控板应用而设计的创客教程。课程的逻辑结构分为神奇屏幕、趣味媒体、智能物联、实战开发四个单元,共18课,综合了编程、造物、物联网等常用技术情境,轻松学习python编程。

执教年级:初中

课时长度:1课时

涉及器材:掌控板

涉及软件:mPython

文件清单:课程设计、配套代码

二、作品内容

第1单元第1课 我的小标牌


大家一定都见过校徽吧?校徽、标牌、名片等等,都是为了向公众展示特定的信息。我们可以用掌控板,来做一个与众不同的标牌。

一、项目描述

利用掌控板OLED显示屏的功能,显示文字和图片,制作有趣的小标牌,实现如下功能:

1.同时显示文字和图片;

2.文字和图片的位置安排合理,不重叠。

二、项目指导

1.显示文字

在mPython界面左侧的“显示”模块中,找到“显示文本”代码块。


要让文本“Hello,world!”真正显示出来,还需要加入“显示生效”代码块


,如下图所示:


“清空”是起什么作用呢?我们可以把掌控板的OLED显示屏看成一块黑板,为了使显示效果不受原来内容的影响,一般都要用


进行清屏。

在图中“内容”的位置可以输入自己想要的文本内容。

那如何控制文本的位置呢?掌控板的屏幕可以显示4行8列的中文字符,我们可以通过控制“行”来控制文字显示的位置。


其实我们显示的文本和图片是由一个个小点点组成的,而这些小点点就组成了一个屏幕,那我们可以通过确定小点点的位置就可以确定文本和图片的精确位置。掌控板屏幕水平方向有128个像素点,垂直方向有64个像素点,为了更加精准定位,我们可以用X、Y来对应屏幕水平和垂直方向的位置,通过x、y值来精确确定组成文本像素点的位置,从而改变文本的位置。

【思考】如果要在屏幕中央显示一个“好”字,其X、Y值应该是多少?可以试着更改x、y值来调试一下。

将调试好的代码刷入运行到掌控板中,我们就可以在掌控板上任意位置显示自己想要的文字啦。



另外,mPython最大的亮点是有仿真区。在mPython界面的右侧有仿真区,可以通过预览仿真区的显示来调试我们的代码。


2.显示图片

根据上述的描述,在mPython界面左侧的“显示”模块中,找到“显示图像”代码块,并加入清屏和显示生效代码块。


同样的,在“获取内置图像”中选择自己想要的图片,通过改变x、y值来改变图片在显示屏中的位置,也可以在右侧仿真区进行预览。


三、项目实施

活动1:显示文字,并控制位置

1.活动步骤

1)确定要显示在屏幕上的文字

我确定的文字是_____________

2)确定文字要出现的位置

方式1:在________行______列

方式2:X坐标是:______,Y坐标是_________.

3)编写代码并测试效果

2.参考程序和效果截图

参考程序:


效果截图:


3.可能遇到的问题

如果发现文字显示重叠了,请确认位置是不是不正确,并检查是不是忘记了清屏。

活动2:显示图片,图文并茂

1.活动步骤

1)确定要显示在屏幕上的文字和图片

我确定的文字是_____________;

我确定的图片是_____________。

2)确定文字和图片要出现的位置

文字:X坐标是:______,Y坐标是_________。

图片:X坐标是:______,Y坐标是_________。

(大家也可以试着运用方式1来表示图文的位置。)

3)编写代码并测试效果

2.参考程序和效果截图

参考程序:


效果截图:


3.可能遇到的问题

如果发现文字和图片显示重叠了,请确认文字和图片的位置是否正确。要想把标牌做得漂亮,得要学点美术哦。

四、项目交流

本项目只是简单的介绍如何显示图片和文字,但是文字和图片还是可以做出其他显示效果,同学们可以根据下面的方式来评价自己项目:

1.基本功能:

___________________________________________________________________________

2.项目创新点:

___________________________________________________________________________

3.项目过程遇到的问题:

___________________________________________________________________________

4.需要改进的地方:

___________________________________________________________________________

2

点赞

286 次阅读3 条评论2 人赞
3条评论