当前位置: 首页 > news >正文

【Mind+】掌控板入门教程02 趣味相框

       光影重叠,时间和回忆定格在在一张张相片里。人们通常会用相框把相片装裱起来,展示在家中或者工作的地方,来回味往日的美好时光。但是一个相框只能放一张照片,怎么才能让它展示不同的照片呢?正好此时我们的手边有一块掌控板,让它来帮助我们制作一个可以展示更多照片的趣味相框吧。
 

Mind+ 掌控板入门教程02 趣味相框图1

项目示例

      本项目中将以在掌控板上显示图片为例,结合按钮,做出可以通过按钮切换显示不同图片的效果

      可以通过以下两个小任务进行实践:
        ■ 任务一:显示图片
        ■ 任务二:按钮切换图片

任务一:显示图片

      将下面这张照片显示在掌控板上。

Mind+ 掌控板入门教程02 趣味相框图2

         输入以下程序,注意各参数设置,并将程序上传。

Mind+ 掌控板入门教程02 趣味相框图3



       运行结果:

Mind+ 掌控板入门教程02 趣味相框图4


      点击上面程序中“屏幕显示图片”指令中的设置框

Mind+ 掌控板入门教程02 趣味相框图5

,在下拉弹窗中可以更换照片、修改图片尺寸、预览照片在屏幕中的位置和大小。

* 当图片原图的宽高比与我们设置的不同,图片会被相应拉伸或压缩。你可以在进行参数设置时,先查看原图的宽高比,然后以这个比例去设置“图像尺寸”中的参数。


任务二:按钮切换图片

      掌控板上自带两个按钮“A”、“B”。

Mind+ 掌控板入门教程02 趣味相框图6



      为了让图片显示的更加有趣,我们可以通过按钮控制图片显示。例如:按下按钮A时显示如下左图,按下按钮B时显示如下右图。
 

Mind+ 掌控板入门教程02 趣味相框图7


      输入以下程序,并将程序上传。

 

Mind+ 掌控板入门教程02 趣味相框图8



       运行结果:按下A键,显示如左图;按下B键,显示如右图。
 

Mind+ 掌控板入门教程02 趣味相框图9


* 掌控板的屏幕使用的是单色OLED显示屏,彩色图片导入掌控板后,会自动处理成黑白效果。

       掌握了在屏幕上显示图片和按钮的使用方法,你可以利用掌控板做一个滚动显示不同图片的相框,还可以结合按钮添加更多的动态效果,发挥你的创造力去制作的趣味相框吧!

知识拓展

一、硬件知识

1、按钮      掌控板上自带两个按钮“A”、“B”。按钮有“按下”和“松开”两个状态,是一种输入信号。

Mind+ 掌控板入门教程02 趣味相框图10

2、输入信号

       输入信号是指外界给掌控板的信号。按钮就是一种非常典型的输入信号,通过按下或松开,使掌控板在得到信号后作出不同的响应。

       与输入信号对应的是输出信号,即掌控板反馈给外界的信号。本项目中的输出信号即为在屏幕上显示图片。

       在后面的学习中,我们还将接触到其他输入信号,例如光线、声音强度的变化等;也有其他的输出信号,例如点亮小灯、发出声音等。

二、软件知识

1、文字和图片的坐标定义

       掌控板上显示的文字和图片是由多个像素点组合而成。“屏幕显示文字”和“屏幕显示图片”指令中的坐标值对应指文字或图片左上角第一个像素点的位置。
 

Mind+ 掌控板入门教程02 趣味相框图11

Mind+ 掌控板入门教程02 趣味相框图12

       小试牛刀:尝试在掌控板上显示

Mind+ 掌控板入门教程02 趣味相框图13

。提示:“屏幕显示全黑/全白”指令配合“屏幕显示文字”指令。

       观察上图,关于掌控板的文字显示结论如下:

        ■ 每个中文字符占16x16个像素,中文字符指中文输入法下的文字、标点符号等;
        ■ 每个英文字符占16x8个像素,英文字符指英文输入法下的字母、标点符号等;
        ■ 数字及数学运算符号(+、-、*、/等)占16x8个像素;
        ■ 每个字符的坐标值是指组成该字符的左上角第一个像素点位置。
       以“你”字为例,它的坐标值是指所在的16x16像素点中左上角第一个像素。

Mind+ 掌控板入门教程02 趣味相框图14



2、指令汇总

Mind+ 掌控板入门教程02 趣味相框图15



项目小结
■ 掌握掌控板上显示图片的方法
■ 掌握按钮的使用方法
■ 掌握文字和图片的坐标定义

挑战一下
1、尝试使用多张连续的图片,做一个小动画。提示:屏幕显示图片指令配合清屏效果和延时模块。
2、尝试做一个按钮控制飞翔状态的小鸟。不按按扭的时候,屏幕显示一只静止的小鸟;当按下按键A,小鸟翅膀向上;当按下B键,小鸟翅膀向下。参考照片如下。

Mind+ 掌控板入门教程02 趣味相框图16

Mind+ 掌控板入门教程02 趣味相框图17

Mind+ 掌控板入门教程02 趣味相框图18

文本参考: 

官方教程icon-default.png?t=N7T8https://mc.dfrobot.com.cn/misc.php?mod=tag&id=3395
mindplus官方icon-default.png?t=N7T8https://mc.dfrobot.com.cn/misc.php?mod=tag&id=3309
掌控板icon-default.png?t=N7T8https://mc.dfrobot.com.cn/misc.php?mod=tag&id=3184

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • CTFHub——XSS——反射型
  • [YashanDB认证]YashanDB个人版安装
  • ECCV 2024 | 深入探索GAN先验,哈工大、清华提出模型反演新方案
  • 校园课程助手【4】-使用Elasticsearch实现课程检索
  • 2024上海初中生古诗文大会暑假备考:单选题真题和独家解析
  • RAG 的优化进阶与引入 Reranker
  • 频率的工程测量01 - Rif算法的构造
  • 双阈值最大最小值筛选
  • 锂离子电池健康状态预测(Part1,Python)
  • Unity Shader unity文档学习笔记(十八):unity雾效原理
  • 算法板子:树形DP、树的DFS——树的重心
  • 除湿机的标准
  • 深入探究CSRF与SSRF漏洞复现:从原理到实践
  • 智能驾驶学习笔记,第一天
  • opencascade AIS_ViewCube源码学习小方块
  • 【Leetcode】104. 二叉树的最大深度
  • 【跃迁之路】【641天】程序员高效学习方法论探索系列(实验阶段398-2018.11.14)...
  • ES2017异步函数现已正式可用
  • input实现文字超出省略号功能
  • webpack+react项目初体验——记录我的webpack环境配置
  • Zsh 开发指南(第十四篇 文件读写)
  • 编写高质量JavaScript代码之并发
  • 多线程事务回滚
  • 给github项目添加CI badge
  • 前端路由实现-history
  • 数组的操作
  • 腾讯大梁:DevOps最后一棒,有效构建海量运营的持续反馈能力
  • 新手搭建网站的主要流程
  • 原生js练习题---第五课
  • 测评:对于写作的人来说,Markdown是你最好的朋友 ...
  • ​​​【收录 Hello 算法】9.4 小结
  • #include到底该写在哪
  • #java学习笔记(面向对象)----(未完结)
  • #NOIP 2014# day.1 T3 飞扬的小鸟 bird
  • #预处理和函数的对比以及条件编译
  • (poj1.3.2)1791(构造法模拟)
  • (笔记)Kotlin——Android封装ViewBinding之二 优化
  • (附源码)计算机毕业设计ssm本地美食推荐平台
  • (附源码)计算机毕业设计ssm电影分享网站
  • (附源码)计算机毕业设计高校学生选课系统
  • (南京观海微电子)——I3C协议介绍
  • (亲测有效)推荐2024最新的免费漫画软件app,无广告,聚合全网资源!
  • (十六)视图变换 正交投影 透视投影
  • (十三)Flask之特殊装饰器详解
  • (一) springboot详细介绍
  • (译) 函数式 JS #1:简介
  • (转)如何上传第三方jar包至Maven私服让maven项目可以使用第三方jar包
  • (转)一些感悟
  • (自适应手机端)行业协会机构网站模板
  • .bat批处理(一):@echo off
  • .Net 中Partitioner static与dynamic的性能对比
  • .net6Api后台+uniapp导出Excel
  • .netcore 6.0/7.0项目迁移至.netcore 8.0 注意事项
  • .net解析传过来的xml_DOM4J解析XML文件
  • .net实现客户区延伸至至非客户区