RT-thread 柿饼UI demo实现 ---- 末日求生设备

2024-05-11 09:47:17

一、背景

这是柿饼UI入门课程第二周的附加题作业。作业要求如下：

参考下图原型设计图，制作末日救生辅助系统应用。部分应用参考视频效果。
此次作业希望能做出科技感和末日恐惧感。

二、实现

重要的是题目要求的三个功能的实现。重点讲讲是如何实现的。

2.1、幽灵探测器 --》雷达扫描效果

效果如下：

雷达的实现，工程文件如下：

雷达扫描主题是用Clock控件实现，雷达框就是找个类似的背景图片，而扫描指针就是将一个半透明的图片放入秒针的图片位置，设置一个定时器让其旋转即可。
小红点选择的控件是button控件，主要是为了实现点击然后右边能够显现出探测到生物的图形和名称。
至于闪烁是根据扫描的指针值来让其在规定范围内跳动。

2.2、心率仪

效果如下：

工程文件如下布局：

主要是心跳的实现，是使用 canvas 画布来实现的，我只是使用其画出折线的效果，模拟一下心电图。
值得注意的是，要使用JS 帧动画的方式（详情看柿饼UI设计器帮助文档）替代定时器来实现轨迹更新，这样不容易卡死。

2.3、安全营地

效果如下：

工程文件布局如下：

使用的是listctrl+custompanel来实现安全区列表的滑动效果。
地图上的定位点是使用button控件，主要是用于点击后交互，我还是很喜欢这个控件。

2.5、更多功能

别的功能都很简单，见视频。

三、效果

其实是花了点时间剪辑，不过片头搞长了。。。

哔哩哔哩地址：RT-thread 柿饼UI demo – 末日设备

RT-thread 柿饼UI demo实现 ---- 末日求生设备相关推荐

Android handler Thread 修改UI Demo
/*********************************************************************** Android handler Thread 修改UI ...
RT-thread 柿饼UI demo(文本浏览+电子相册) ---- 暨柿饼入门课第一周作业附加题
一.题目要求完成下图的应用制作,范进中举复制群文件内的范进中举.txt内的内容. 二.实现过程 2.1.整体思路整体的框架是在一个page中放入三个button控件(负责控制三个显示界面的切换)和 ...
【0基础入门课程】实战入门柿饼UI，带你实现动感汽车仪表盘、APP Store等
关于柿饼UI:柿饼UI是一款专注于嵌入式领域,由C/C++语言构建,为用户提供类安卓效果的GUI解决方案.为用户提供了设计器+JavaScript语言的开发模式,用户只需拖拽UI控件,写一些简单的JS ...
柿饼UI在ART-Pi上的移植
作者:社区成员刘端飞直播回看:https://www.bilibili.com/video/BV1jh411m7tS(关注+一键三联,技术干货不错过!) 说是移植,实际上是添加柿饼库到工程,并完成L ...
【12月原创】RT-thread - 柿饼UI ——范进中举
Persimmon UI作业(一)--范进中举(1) 概述介绍: Persimmon 是一套运行在RT-Thread嵌入式实时操作系统上的图形用户组件界面,用于提供图形界面的用户交互. 它采用C++ ...
【12月原创】RT-thread - 柿饼UI —— 网络流媒体播放器
Persimmon UI作业(四)-- 网络流媒体播放器前言:这次的作业花费了一周的时间,因为学校接近末考同时面对大连疫情的严峻,使整个开发流程变得断断续续,不过还好总算是完成了这次网络流媒体播放器 ...
【12月原创】RT-thread - 柿饼UI学习心得分享
柿饼UI学习心得分享(2) 概述介绍: Persimmon 是一套运行在RT-Thread嵌入式实时操作系统上的图形用户组件界面,用于提供图形界面的用户交互. 它采用C++语言编写,基于C语言实现的 ...
产品经理 demo html,18个UI demo设计实例，深挖让用户愉悦的小惊喜
文章分享了对话框及模态窗口.注册与登录页面.导航及菜单.滑动条和切换开关等UI设计实例,希望对大家有所启发. CodePen网站已成为开发者的游乐场.那是一个你可以驰骋想象.开发创造的沙盘.里面既有实 ...
关于RT thread系统节拍时钟的配置
关于RT thread系统节拍时钟的配置 -----本文基于rt-thread-3.1.3版本编写首先,使用RTthread OS时,要配置(或者明白)它的系统节拍 ...

最新文章

热门文章