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会删除。