Toggle navigation
首页
问答
文章
积分商城
专家
专区
更多专区...
文档中心
返回主站
搜索
提问
会员
中心
登录
注册
柿饼_PersimmonUI
【柿饼学习营】+werrysuzhen+脚本及事件学习
发布于 2018-08-31 12:11:56 浏览:2189
订阅该版
* 本帖最后由 werrysuzhen 于 2018-8-31 14:30 编辑 * 一.开发环境 1.开发板:野火I.MX1052 PRO 2.win7-64位 专业版 二.作业题目 1.学习本次的三个文档,主要是脚本、事件和数据绑定功能 2.设计出游戏“2048” 三.过程及结果 1.使用动画控件"AnimatedImage"动态显示多幅图画 1.1 在Page上放置AnimatedImage控件,将透明度设置为0;增加图片集;设置图片的播放间隔。 ![0.png](/uploads/201808/31/114217hile2s25r45ri2il.png) ![1.png](/uploads/201808/31/113546kvjbk5kkk555d5jk.png) 1.2 放置一个Button控件,用于启动动画控件的运行;将事件触发属性修改为"startrun",增加Javascript代码设置AnimatedImage控件的属性为运行模式。 ![2.png](/uploads/201808/31/114057qkxnkzj1xomj7rkv.png)![3.png](/uploads/201808/31/114131gppppfq2qsrqr2v2.png) 2.实现界面跳转功能 2.1在page1中增加一个button控件,修改事件触发属性为"onClick",增加Javascript代码实现由Page1跳转到page2 ![4.png](/uploads/201808/31/114606pld272kt279lt28a.png) 2.2新建一个Page2,添加一个button控件,修改事件触发属性为"onClick",增加Javascript代码实现由Page2返回到page1 ![5.png](/uploads/201808/31/114611xgzosgrg3ajnsaas.png) 3.实现简易计算器功能 3.1界面上放置一个Panel控件,将手机上的计算器画面截图,作为画布控件的背景。 ![6.png](/uploads/201808/31/114848p5pl1gelbgnnj1lz.png) 3.2根据文档分别放置对应按钮的button控件。将button控件的透明度设置为0,将“点击图片”和“显示图片”两个属性清空,设置事件触发属性为“onButton” ![7.png](/uploads/201808/31/115245x9slblycb1s1qybs.png) 3.3增加Label控件用于显示计算的中间过程及运算结果,将透明度设置为0,增加上一节课的字库,设置字体大小 3.4调试学习文档提供的JS事例例程 四.总结 1.此次课程比较有挑战,用到了更多的控件,界面整体的最终效果,在实际开发版上的运行效果和仿真差不多,附件是实际的运行效果 ![8.png](/uploads/201808/31/120532v9ur9gbmqdkrdqqb.png) 2.本次的学习因为用到了Javacript语言,完全是零基础,通过同学的帮助和自学,基本上把例程代码整明白了。 3.熊大安排的2048游戏,目前正在设计界面,JS是硬伤,边学边弄吧 下载附件 [011d27c36d113a5246de50f6f9df012d.mp4](https://oss-club.rt-thread.org/uploads/201808/31/120722alyh1qldzcldazlm.attach)
查看更多
0
个回答
默认排序
按发布时间排序
暂无答案,快来添加答案吧
撰写答案
登录
注册新账号
关注者
0
被浏览
2.2k
关于作者
werrysuzhen
这家伙很懒,什么也没写!
提问
11
回答
12
被采纳
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
【PersimmonUI柿饼学习营】+ DaZhou+ 手把手教你做计算器
9
【PersimmonUI柿饼学习营】+ A Byte of China + 2048游戏
10
【PersimmonUI柿饼学习营】+ DaZhou + 2048游戏 + 一周感悟
推荐文章
1
RT-Thread应用项目汇总
2
玩转RT-Thread系列教程
3
国产MCU移植系列教程汇总,欢迎查看!
4
机器人操作系统 (ROS2) 和 RT-Thread 通信
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
RT-Thread中的time溢出问题,时间戳溢出,解决方法
2
ART-PI使用env驱动ETH网卡,pc和板子可以ping通
3
SystemView线程名字不显示
4
只用网页也能跑RT-Smart 无门槛腾讯Cloud studio + smart-build快速构建
5
免费申请 | FRDM-MCXA156评测活动发布!
热门标签
RT-Thread Studio
串口
Env
LWIP
SPI
AT
Bootloader
Hardfault
CAN总线
FinSH
ART-Pi
DMA
USB
文件系统
RT-Thread
SCons
RT-Thread Nano
线程
MQTT
STM32
RTC
FAL
rt-smart
I2C_IIC
ESP8266
UART
cubemx
WIZnet_W5500
ota在线升级
PWM
BSP
flash
freemodbus
packages_软件包
潘多拉开发板_Pandora
定时器
ADC
GD32
flashDB
socket
编译报错
中断
Debug
rt_mq_消息队列_msg_queue
keil_MDK
ulog
SFUD
msh
C++_cpp
MicroPython
本月问答贡献
RTT_逍遥
8
个答案
2
次被采纳
三世执戟
7
个答案
1
次被采纳
KunYi
6
个答案
1
次被采纳
winfeng
2
个答案
1
次被采纳
chenyaxing
2
个答案
1
次被采纳
本月文章贡献
catcatbing
2
篇文章
5
次点赞
swet123
1
篇文章
3
次点赞
YZRD
1
篇文章
2
次点赞
Days
1
篇文章
2
次点赞
阳光的掌控者
1
篇文章
1
次点赞
回到
顶部
发布
问题
分享
好友
手机
浏览
扫码手机浏览
投诉
建议
回到
底部