柿饼UI贺岁公测板之小练习

2019-2-9 21:43 [复制链接] 2 973

本帖最后由 xianting77 于 2019-2-9 22:54 编辑
$ ]0 A3 \+ R) h( a4 B; x6 G9 g- G$ @% }& V" z$ k' Y/ j5 p% \
试用小练习参考了【PersimmonUI学习营DaZhou,二牛哥,chowguihua,等小伙伴的JS脚本,并做了修改和改进。
$ V' k3 n+ @8 n3 v1 J& C) I1 y5 b1,练习WheelString的使用,设定简易时钟
% U$ X7 P  e6 O7 d$ ?5 q2,练习Canvas的使用, 画布上画仪表盘
; S# e: f, d4 N* c: V3,练习Card的使用, 加入imageBox模拟屏幕滑动的效果
8 C7 i2 ^, I& Y# ^7 h) V  |4 _2 k4,练习animation的使用,模拟动画图片的效果% \; I& R/ t3 |* Y; E) i: p
5,练习网络+Canvas的使用, 天气预报
) d, x1 s( u  k. P/ B0 T' F练习的JS脚本上传码云1 H( W& S4 ?1 s
https://gitee.com/xianting77/ShiBing_Ex
6 T! W1 J, A9 N3 D5 X' Z
' L, G$ y/ p+ ?) z1,练习WheelString的使用,设定简易时钟,参考了PersimM帮助文档的例子,现在我就使用了点阵字体,显示效果不好,要能使用Demo的Alarm页使用的字体,效果能更好,这里建议Persimmon UI Builder的字体下拉菜单多一些字体选择。目前的方法是在左下角资源管理器中加入TFF字体
4 S' x" e7 M: e; n
page1.jpg
5 U( m& w% |$ O5 p# k" h7 l% f! [1 o% u8 u
2,练习Canvas的使用, 画布上画仪表盘,参考了二牛哥的例子,把二牛哥的JS文件中回调函数的仪表绘制部分提炼成函数,方便后期修改改进。
" N* ~% ], I; V4 h' H9 j' o3 m% ~
6 r* R0 `7 v, R3 m9 y7 Y 仪表盘.jpg 1 i2 j% K: `( T; @$ B8 O- M
3,练习Card的使用, 加入imageBox模拟屏幕滑动的效果,使用柿饼菜鸟如我也能做出如手机般UI的界面,并且所实际所得,确实很方便。
! Z3 ?$ a" p! o. B+ G9 ~+ W) D
播放器.jpg
3 z( U5 q6 Z8 ]3 Y& n$ N4,练习animation的使用,模拟动画图片的效果。虽然目前柿饼不支持GIF文件,通过animation的图像文件集放入几个GIF的截图,用setData({animatedImage1:'start'}) 控制动画起动,一样可以实现GIF的效果9 b) U) e+ R, B# u) n/ y
开箱1.jpg ! Z5 E0 Z6 d2 w- u! x
5. 练习网络+Canvas的使用, 天气预报。参考了DaZhou的例子,在连接好WIFI的前提下,通过HTTP的GET方法获取服务器天气API的JSON数据。解析,并在Canvas画出三天内的温度变化曲线。
5 [) `4 `& F- }( K+ V* ~' X7 u: O数值范围匹配刻度还没有很好的测试,先做个小结,马上上班,时间会紧张一些。1 A1 x* Q9 E3 c! s
, t) b$ |9 B9 i8 v! V
视频:https://pan.baidu.com/s/1Zr0jgPZqvzu1VhJNva7k6g* j7 s8 t" B5 n" m& ~# d" J$ ?) p
* l: @7 b0 J7 C+ x
总的来说,柿饼UI有UI设计工具,还带WIFI模块,能USB下载调试,还能更新固件,功能确实强劲,秒杀传统的嵌入式UI设计。还有RT-THREAD强大的组件和操作系统支持,相信很快会赢得很多粉丝。* M0 a# g5 p+ n+ J( G* i
当然细节仍旧可以打磨,Persimmon UI Builder中的小BUG终结,设计指南的更新,硬件外设和接口更通用。) H  }3 |/ n# c' h
最后感谢柿饼UI团队组织的试用活动,并给我留了一个机会,让我看到了如此犀利的嵌入式UI套件,我的试用只涉及柿饼UI冰山一角,以后定会关注柿饼UI不断迭代更新。
/ g9 R4 b; X6 K/ c. @; ?% u8 G& ^$ ]. S
' D1 Q& O/ f3 _) v) t

$ E- A7 M. Z; _% d$ O0 R4 D! v$ M- x
: c" ^  [( j0 i' B. T( F3 z  N+ n8 O
使用道具 举报 显示全部楼层 回复
最新评论 | 正序浏览
显示全部楼层 |楼层直达:
发表于 2019-2-9 21:48:42 | 显示全部楼层
加油,加油!大家反响多了,也会推着我们往前走
, G" i% E+ R. ]! U" P8 F+ C+ m* b( ?: l
期望可以早日放出native C/C++动态模块的版本出来,这样就不仅仅是JavaScript编程,要速度的地方还可以直接C/C++来怼性能
使用道具 举报 回复
发表于 2019-2-11 14:16:52 | 显示全部楼层
好的测评
使用道具 举报 回复
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|RT-Thread开发者社区 ( 沪ICP备13014002号-1

有害信息举报电话:021-31165890 手机:18930558079

© 2006-2019 上海睿赛德电子科技有限公司

Powered by RT-Thread

快速回复 返回顶部 返回列表