Toggle navigation
首页
问答
文章
积分商城
专家
专区
更多专区...
文档中心
返回主站
搜索
提问
会员
中心
登录
注册
柿饼_PersimmonUI
柿饼UI贺岁公测板之互动学习
发布于 2019-02-27 23:46:48 浏览:2315
订阅该版
* 本帖最后由 xianting77 于 2019-3-2 16:29 编辑 * Demo还是很精彩的,需要更多时间体会。这里讲一下CircleProgresse小应用的学习过程吧。 ![7.png](/uploads/201902/27/234834sxi2gm5i4i0q0x50.png) 1. Demo代码设定这个CircleProgresse控件的最小值为0和最大值为100,好奇如果负值会怎么显示呢,然后我就在代码里加入了log onShow1:function(event){ var thiz = this; var frame = 20; this.timer = setInterval(function(){ temp1 = Math.random()*101; temp2 = Math.random()*101; temp3 = Math.random()*101; var index = 1; var per1 = (temp1 - thiz.num1)/frame; var per2 = (temp2 - thiz.num2)/frame; var per3 = (temp3 - thiz.num3)/frame; if(per1 < 0 ) console.log("perl < 0: " +per1 +" num1 = "+thiz.num1); if(per2 < 0 ) console.log("per2 < 0: " +per2 +" num2 = "+thiz.num2); thiz.framTimer = setInterval(function() { if(index >frame) { clearInterval(thiz.framTimer); return; } thiz.num1 += per1; thiz.num2 += per2; thiz.num3 += per3; // console.log("num1: ",thiz.num1); // console.log("per1: ",per1); thiz.setData({button1 : {value : parseInt(thiz.num1).toString() }}); //thiz.setData({button1 : {value : thiz.num1 }}); thiz.setData({CircleProgress1 : { value : thiz.num1}}); // console.log("num2: ",thiz.num2); // console.log("per2: ",per2); thiz.setData({button2 : {value : parseInt(thiz.num2).toString() }}); thiz.setData({CircleProgress2 : { value : thiz.num2}}); thiz.setData({button3 : {value : parseInt(thiz.num3).toString()}}); thiz.setData({CircleProgress3 : { value : thiz.num3}}); thiz.setData({circleprogress : {refresh : true}}); index++; },30) },1*1100) 虽然没有得到什么证明,看到了这样的LOG, JS的打印居然这么精确,但是如何只要小数点后两位呢? 之前的卡死兴许是偶发性事件,所以我把原来的问题删掉了。 ![WEIWEI7.png](/uploads/201903/02/153045fond6nh69noph6d6.png) *大家常问的一个问题是JS为啥要that, 对应到这里 就是是为啥要 var thiz = this?* 我在群里这样答(不知道对不对):thiz是当前对象的拷贝,这里应该是page对象。JS里很容易切换对象,用默认的this很容易找不到原来的对象。通过thiz就不容易出错。 *我还问了CircleProgresse,如何应对负数,得到子胥的帮忙, 这也是参与RTThread内测活动的福利,问问题,大神不管多忙都会找时间回复并帮你。* ![图4.jpg](/uploads/201903/02/154835mdasueinmu22u9qu.jpg) ![图3.jpg](/uploads/201903/02/155051yp70gkl0txyg0p8k.jpg) *还有一点就是关于parseInt(thiz.num1).toString()的理解* ![图5.jpg](/uploads/201903/02/154949xm00955m99004uhz.jpg) 这里的parseInt(thiz.num1)并不会直接改变thiz.num1,是把他的Int数值数值返回出来,将num对象转换成int类型对象。在转换成字符串,因为button接受的是字符串输入。 先写这么多,遗憾不能从头到尾学习一遍demo,如果能学完DEMO,相信对柿饼JS开发会有更多的体会。 还有一个资源加载相关的问题,我也不知道怎么弄出来的,问题还在诊断中 下面是有问题界面和后台log。 个人觉得这个问题比较深,资源文件失效或者加载失败了,再重download好的GUI app 应该可以更新历史文件,然后系统再加载资源或者字体文件应该就好了。隐约觉得这里还可以做做文章 ![图.jpg](/uploads/201903/02/155758kjxpxuuhxwwp7vxx.jpg) ![图1.jpg](/uploads/201903/02/155904ap1h4hjhkunbufp1.jpg) 但是这个问题的work around很简单: 在mhs用命令mkfs fs就可可以了, 看到下面的界面不要担心固件坏了,是缺少GUI app, 重新通过UIbuilder下载GUI,reboot就好了 ![图2.jpg](/uploads/201903/02/160121td3ptr1w0dqrrmyr.jpg) 这里看到柿饼的模块化设计了,应用层坏了,底层驱动和系统应用完好。 总体来说,柿饼还是蛮好玩的,平台构架很强劲,是工程,项目的好选择,也是学习的良师益友,他的后面是一群优秀的工程师。
查看更多
3
个回答
默认排序
按发布时间排序
xingchen8910
2019-11-04
这家伙很懒,什么也没写!
666向楼主学习
DaZhou
2019-11-13
这家伙很懒,什么也没写!
楼主牛逼啊!!!
hichard
认证专家
2019-12-04
这家伙很懒,什么也没写!
帅,太帅了
撰写答案
登录
注册新账号
关注者
0
被浏览
2.3k
关于作者
xianting77
Whatever brings you down, will eventlly make you stronger!
提问
10
回答
6
被采纳
0
关注TA
发私信
相关问题
1
【PersimmonUI柿饼学习营】+ A Byte of China + 环境搭建&20W年薪广告
2
【柿饼学习营】+werrysuzhen+20W年薪作业
3
【PersimmonUI柿饼学习营】+ meetwit + 20W年薪广告&lesson01
4
【PersimmonUI柿饼学习营】+ DaZhou + 20W年薪作业+视频有彩蛋
5
【PersimmonUI柿饼学习营】+ DMY+ lesson01 20W年薪广告
6
【PersimmonUI柿饼学习营】+ Bigmagic+20W年薪广告&day01
7
【PersimmonUI柿饼学习营】+ chowguohua+年薪广告
8
【柿饼学习营】+werrysuzhen+脚本及事件学习
9
【PersimmonUI柿饼学习营】+ DaZhou+ 手把手教你做计算器
10
【PersimmonUI柿饼学习营】+ A Byte of China + 2048游戏
推荐文章
1
RT-Thread应用项目汇总
2
玩转RT-Thread系列教程
3
机器人操作系统 (ROS2) 和 RT-Thread 通信
4
国产MCU移植系列教程汇总,欢迎查看!
5
五分钟玩转RT-Thread新社区
6
【技术三千问】之《玩转ART-Pi》,看这篇就够了!干货汇总
7
关于STM32H7开发板上使用SDIO接口驱动SD卡挂载文件系统的问题总结
8
STM32的“GPU”——DMA2D实例详解
9
RT-Thread隐藏的宝藏之completion
10
【ART-PI】RT-Thread 开启RTC 与 Alarm组件
最新文章
1
NXP MCXN947测评(二)ETH设备使用
2
【RA8D1-Vision Board】适配 LVGL V8
3
VISION BOARD 第二弹 基础工程配置和点亮一个LED灯
4
musb移植问题记录【设备注册3次挂起】
5
关于使用CherryUSB时候使用外挂的usb phy 芯片配置的一点注意事项
热门标签
RT-Thread Studio
串口
LWIP
Env
SPI
Bootloader
AT
ART-Pi
Hardfault
CAN总线
FinSH
USB
文件系统
RT-Thread
DMA
SCons
线程
RT-Thread Nano
MQTT
STM32
RTC
FAL
rt-smart
ESP8266
ota在线升级
WIZnet_W5500
I2C_IIC
UART
flash
cubemx
packages_软件包
freemodbus
潘多拉开发板_Pandora
PWM
定时器
ADC
BSP
中断
keil_MDK
编译报错
socket
MicroPython
GD32
msh
Debug
ulog
SDIO总线
SFUD
rt_mq_消息队列_msg_queue
C++_cpp
本月问答贡献
xiaorui
7
个答案
3
次被采纳
sakumisu
4
个答案
3
次被采纳
三世执戟
31
个答案
1
次被采纳
梦笑真美
18
个答案
1
次被采纳
踩姑娘的小蘑菇
14
个答案
1
次被采纳
本月文章贡献
Z_Y
2
篇文章
5
次点赞
Alipay
2
篇文章
3
次点赞
2345vor
2
篇文章
1
次点赞
比特饼干
1
篇文章
6
次点赞
Vangaoven
1
篇文章
3
次点赞
回到
顶部
发布
问题
分享
好友
手机
浏览
扫码手机浏览
投诉
建议
回到
底部