ART-Badge电子胸牌开发上手体验

1.ART-Badge介绍

ART-Badge是2020年RT-Thread开发者大会上赠送的电子胸牌,上次的柿饼UI入门课程活动中我有幸拿到一块。

  • 主控芯片:RTL8762,瑞昱针的一颗BLE SOC,频率90MHz,支持蓝牙BLE5.1;
  • 内存:PSRAM:2MB,Nor Flash:16MB(均为外接);
  • LCD参数:240x240,RGB565;
  • 板载一个无源蜂鸣器以及MPU6050六轴传感器,可以获取陀螺仪参数;
  • 触摸方式:外部电容式按键触摸;

在这里插入图片描述

2.使用示例

使用ARTBadge蓝牙助手微信小程序可以修改胸牌显示的:姓名 职务信息

3.制作电子相册(二次开发)

这个电子胸牌上运行的是柿饼UI团队的PersimmonUI,支持二次开发设计属于自己的APP。今天就来进行二次开发实战,设计一个电子相册,先来踩踩坑!😏

github上有示例APP,在此基础上参考修改即可设计自己的APP。github教程

开发环境

  • PersimmonUI_1.4.20201229.exe这个Builder是专用的,需要到ART-Badge官方交流群下载;
  • 开发语言:JavaScript,脚本语言,快速开发;

3.1 导入示例工程

打开Persimmon UI Builder,文件->打开,选择.rtprj后缀的工程文件。
这个电子相册是在backlight示例工程的基础上进行修改的,所以需要导入backlight的工程。
在这里插入图片描述

3.2 设计app界面

  • 双击右侧工程目录下的.ui文件,打开APP设计界面。
    在这里插入图片描述

  • 删除.ui文件下的所有控件,按下图加入容器控件和图片:

在这里插入图片描述

3.3 编写js代码

  • 双击打开backlight.js,修改onPageTouch函数;
  • 此函数在页面被触摸点击时触发,因为ART-Badge没有触摸功能,此函数在按键被触摸时触发调用。
  • 此处实际修改的是PageTouchEvent函数,这个函数在app.js中有定义。

函数PageTouchEvent的参数中,R2L、L2R、T2D、D2T分别对应的是:向右、向左、向上、向下,这一点需要特别注意。
在这里插入图片描述

  • 将按键的返回键设置为第最后一个参数,即将返回键设置为向下键,代码如下:
    在这里插入图片描述

3.4 修改APP信息

  • 修改icon图标
    工程路径下找到res->images,替换app.png为想要的图标,图片默认大小为92x92像素。在这里插入图片描述
  • 修改APP名称
    string.xml中将app_name修改为电子相册,app.js中最终会调用app_name
    在这里插入图片描述
    app.js中的代码:
    在这里插入图片描述

3.5 下载运行

  • usb连接硬件,配置工程下载参数。
  • 在工程管理器中,右键点击工程,选择属性:
    在这里插入图片描述
  • 在下载模式中选择自定义下载,勾选下载前打包,自定义命令输入内容为:

udb connect com5 230400
udb install E:\MCU\GUI\PersimmonUI\ART-Badge\myDemo\picDemo\APP_Backlight-main\dist\app.prc

  • 此处com5为设备连接的串口号,在设备管理器中查看即可;
  • 230400为串口波特率,第一次更新固件需要设置为1000000,没错就是一百万!这里需要特别注意!不是第一次更新的话就设置为230400!
  • 第二行install后面的路径为打包后生成的应用程序文件,工程页面点击打包即可弹出app.prc的路径;
    在这里插入图片描述
  • 参数配置完成后,点击下载即可下载,待进度条跑完即可查看效果

3.6 效果

视频放在B站,https://www.bilibili.com/video/BV1bv411x7Vm/

ART-Badge二次开发上手

3.7 APP 卸载

  • APP 卸载需要使用 udb 工具,udb 工具放在柿饼设计器的安装目录下,如果安装时候为修改过安装路径的话,其路径为 C:\Program Files (x86)\PersimUIBuilder\tools\udb
  • 需要将 udb.exe 拷贝出来,放到一个无空格无中文的路径下,比如桌面。
  • 在当前 udb.exe 的路径下,打开 Windows Cmd,依次输入如下命令进行连接,同上,comXX 是你自己的端口号,打开设备管理器如实填写即可,1000000 是波特率(需要注意,如果从未更新过系统固件,那么波特率为 230400,更新了最新固件后,波特率被修改成 1000000。
  • 用到的命令如下:
    在这里插入图片描述
  • 使用udb.exe查看安装的app:
    在这里插入图片描述
  • 卸载app:
    使用app_uninstall命令即可卸载,卸载后相应app会删除。
    在这里插入图片描述
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值