【柿饼学习营】+werrysuzhen+平板电脑作业

2018-9-11 23:23 [复制链接] 1 1154

一.开发环境# Y3 Z" P/ c  ?! m
1.开发板:野火I.MX1052 PRO
; C6 E1 E- N0 c3 |" u4 N2.win7-64位 专业版

4 ^  F! ]$ Z. Q二.作业题目

) K/ k! k; _1 V/ w9 h& T1.设计平板电脑的效果
. ]; b& P' {+ N! s7 c: ?7 i* G7 C1 K8 J- P6 w! N& _; s+ e
三.过程及方法
$ I$ s( n8 d& `" Q& ]" n1.在page界面上放置一个Card控件用于实现类似于手机的翻页功能。Card控件是一个容器,能够存放多个控件,但每个控件是独立显示的。可以通过左右或上下翻动Card控件显示其他子控件;可以放imagebox和panel等  a0 `; C2 G3 ~( b
2.在Card上放置一个panel1控件,用于显示标题,在此panel1控件上方式一个button控件及label控件,用于Home返回及当前页显示
( J; [  y/ I% F7 Z3.在Card上放置一个panel2控件,在panel2上放置四个button控件,将四个button空间的显示图片改成APP图标
  K/ S' p3 g1 u$ e 1.png
* ?! l0 ^5 p$ z3.将panel2控件隐藏,然后在card控件上放置一个Panel3控件,放置两个button控件,作为另个两个APP应用;0 v0 [0 H! _2 @9 N3 |; s6 a+ |1 A
2.png
- w: F6 z  N! V# l6 `4.将panel2控件属性改为显示,这样就可以实现界面间切换的功能了。
: c* w6 s) f$ A* q5.利用button的事件添加JS代码完成向不同页间的跳转。$ m8 g, M: |- ^( \( b8 r: G+ w
6.在列表页面中增加一个listctrl控件,用于显示动物名字,然后放置一个image控件用于显示相应动物照片
) o( k# c  g) R" c6 T& p7 Y2 J/ u7.然后新建一个custompanel,在上面放置一个image控件和button控件,这个目的是创建ListCtrl子项的样式4 s" h  M. s; v7 l5 Q5 ~4 }
8.添加JS代码向Listctrl控件中加入7个子项,点击相应子项时image控件显示相应的图片,具体效果见附件。  i) q+ S2 Z( B5 q5 d
; _; R6 c  |* w  Q
四.总结- Z4 o" K3 e! C- }$ ~' g# G
1.对于此次作业,感觉也没啥思路,最后想着照着熊大的例子抄一个,如果能把所有的功能都实现了,也算是达到学习目的了。
$ b; [" v: K/ u; Y  ?/ A
' f: V# @5 g3 _4 ?, e; S/ ?

bear.rar

3.62 MB, 下载次数: 494

使用道具 举报 显示全部楼层 回复
最新评论 | 正序浏览
显示全部楼层 |楼层直达:
发表于 2018-9-12 14:37:46 | 显示全部楼层
难道是这次的作业有些难?应该还好啊
6 l0 m4 p/ r! |
1 b* ?* u4 h% G( V1 r1 Q1. 状态栏是单独的,可以用自定义面板,这样可以支持脚本独立加载;
7 z2 q3 a9 T5 I* K" r: m2. 滑动的图标是card;每个card内部可以放置panel做为页面,这样在panel中可以再自行放置图标、文字;当然也可以是按钮; Z( I: O! ?  g1 a1 E: ]9 @
3. 下面的指示点,也不属于card的,是在card的下方;' T4 C! u( Q3 H; P- ^
4. Js本身还是挺好用,简单,也有语法糖可以使用。遇到一个Js对象不知道是什么时,可以用console.dir(JsObj);的方式把它全部打印出来。
# |# c* |; u4 }% D& E1 a* `) B
使用道具 举报 回复
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

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

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

Powered by RT-Thread

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