![](https://img-blog.csdnimg.cn/20200425083213485.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
RT-Thread 柿饼
文章平均质量分 55
好玩易操作的GUI模块
机器灵魂注入师
一名在不断精进的嵌入式软件开发工程师,很庆幸能从事自己喜欢的工作。
愿你要永远抱有一颗好奇之心。
愿你出走半生,归来仍是少年。
展开
-
使用Persimmon UI Builder 开发的一些技巧和注意事项 -- (RT-thread 柿饼UI)
自动整理JS代码的缩进快捷键(很方便的一个功能,省了不少排版时间)Shift + Alt + Fgo to define 功能(跳转到函数定义处)针对在同一页面下的函数, 按住 ctrl 键,同时鼠标放在引用的函数式子上,会有超链接编辑,然后鼠标点击可跳转。...原创 2021-01-07 00:04:21 · 1384 阅读 · 0 评论 -
网络音频流播放器的实现 -- 基于RT-Thread柿饼派
一、概要1.1、功能基于柿饼派实现一个网络音频流播放器,目前实现的基本功能是这样的:连接WIFi能够播放本地音乐能够播放网络音乐能够查看所播放网络音乐的歌词能够查看所播放网络音乐评论区的内容1.2、开发环境开发环境是由RT-thread 提供的一整套工具:硬件:柿饼派:RT-thread 官方的一款GUI开发板,屏幕大小480X272,底层驱动由RT-thread操作系统实现,上层GUI应用可以采用JavaScript开发。GUI开发软件PersimmonUI Builder,所原创 2020-12-30 01:06:28 · 1155 阅读 · 4 评论 -
RT-thread 柿饼UI demo实现 ---- 末日求生设备
一、背景这是柿饼UI入门课程第二周的附加题作业。作业要求如下:参考下图原型设计图,制作末日救生辅助系统应用。部分应用参考视频效果。此次作业希望能做出科技感和末日恐惧感。二、实现重要的是题目要求的三个功能的实现。重点讲讲是如何实现的。2.1、幽灵探测器 --》 雷达扫描效果效果如下:雷达的实现,工程文件如下:雷达扫描主题是用Clock控件实现,雷达框就是找个类似的背景图片,而扫描指针就是将一个半透明的图片放入秒针的图片位置,设置一个定时器让其旋转即可。小红点选择的控件是bu原创 2020-12-16 20:41:42 · 1031 阅读 · 0 评论 -
RT-thread 柿饼UI demo(文本浏览+电子相册) ---- 暨柿饼入门课第一周作业附加题
一、题目要求完成下图的应用制作,范进中举复制群文件内的范进中举.txt内的内容。二、实现过程2.1、整体思路整体的框架是在一个page中放入三个button控件(负责控制三个显示界面的切换)和一个card控件(该控件包含三个panel控件,负责的是的三个界面的布局),工程布局如下图所示:效果如下图所示:2.2、实现《范进中举》文本的浏览功能该功能的实现可以使用panel(容器)+listctrl(增加上下滑动的功能)+multitexbox(存放文本)。如何实现,参考官方这篇《Mult原创 2020-12-01 23:53:15 · 681 阅读 · 0 评论 -
RT-Thread柿饼控件(5)-- ProgressBar
ProgressBar是进度条控件,我们可以用做出各种与进度条相关的效果。1、可以通过设置未完成进度图和已完成进度图来实现精度条的外观和显示效果2、设置其进度值(比如设当前值为60)this.setData({progressBar1 : 60}) ...原创 2019-02-20 19:44:40 · 217 阅读 · 0 评论 -
柿饼模组 -- 实现超声波模块测距显示界面
一、概括柿饼模组使用到的控件如下图所标:二、串口数据的获取开启UART的JS代码如下: /* 此方法展示窗体前发生 */ onShow:function(event){ uart = pm.openSerialPort({ port: "uart0", baud: 115200 }); //打开串口0 if(uart) ...原创 2019-02-25 22:22:03 · 726 阅读 · 0 评论 -
RT-Thread柿饼常用应用代码汇总
一、页面跳转( 软件帮助文档有该导航函数的说明)1、保留当前页面,跳转到新页面,使用 pm.navigateBack 可以返回到原页面,举例:pm.navigateTo('page2/page2');//跳转到页面22、关闭当前页面,跳转到新页面。pm.redirectTo('page2/page2'); //关闭当前页面,跳转到page2 ...原创 2019-02-19 21:48:50 · 446 阅读 · 0 评论 -
RT-Thread柿饼控件(3)-- Canvas
Canvas是画布控件。可通过JS脚本实现在指定区域绘制自定义图片,能够把图片元素绘制到画布中,能够实现一系列图标,如柱饼图、折线图、柱状图等。1、调用属性。调用属性的名称可以修改,用于当控件被触碰时,会跳转到相应的事件函数,对应上图的bT,可以对应下图的事件函数: bT : function(event){//自定义操作函数}2、canvas的绘制使用文档:网页链接。...原创 2019-02-12 23:44:05 · 276 阅读 · 0 评论 -
RT-Thread柿饼控件(2)-- Button
Button,按键控件,这是一个非常常用的按键,我们可以在选择一定区域设置为button的区域,一旦控件所在的区域被触碰,则会触发响应的事件(当然这时间是我们设定的)。下面说说这个控件比较重要的部分:1、调用属性。调用属性的名称可以修改,用于当控件被触碰时,会跳转到相应的事件函数,对应上图的onBtn,可以对应下图的事件函数: onBtn : function(event){...原创 2019-02-12 23:13:32 · 431 阅读 · 0 评论 -
RT-Thread柿饼控件(4)-- Card
card控件是一种容器控件,也就是说它可以用来装载别的控件,可以通过左右或上下翻动Card控件显示Card中不同的页面,也可选择是否循环。每个子控件的尺寸将自动设定为card的尺寸。1、调用属性bindchange:绑定change事件,如果设定值为onChange时,当Card的显示元素发送变化时,将调用JS脚本中的Page对象中的onChange函数。2、 利用附...原创 2019-02-14 21:12:02 · 514 阅读 · 0 评论 -
RT-Thread柿饼控件(1)-- AnimatedImage
AnimatedImage是动态图片播放控件,可以一帧帧的播放图片,从而达到动态的效果。重要的控制代码:1、start(启动)this.setData({animatedImage : 'start'}); //使控件启动其中animatedImage是控件名称,如下图所示,根据需要修改合适的控件名称。2、pause(暂停)this.setData({ani...原创 2019-02-02 13:34:14 · 454 阅读 · 0 评论 -
RT-Thread柿饼的控件简介
1、AnimatedImageAnimatedImage即动态图片集,我们可以利用这个组件来播放一组图片,可以做出动画的效果。控件的属性有start,stop和pause,具体使用看说明文档。 2、...原创 2019-02-01 23:16:42 · 963 阅读 · 2 评论 -
JavaScript 基础语法记录
1、基本数据类型:数字、字符串、布尔型2、var: 用于变量的定义,变量前使用表明该变量一定是新定义的。注:如果变量前没有使用var,若该变量是第一次出现,则为新定义,若之前就定义过,则是直接使用。变量名没有规定其类型,也就是说这个变量可以放任何类型的数据。3、“+”能够使字符串之间能够连接。4、字符串有length属性,可以求出字符串长度(example: string.lengt...原创 2019-02-01 23:04:12 · 162 阅读 · 0 评论