技术开发 频道

移动跨平台开发框架Sencha Touch实战

  设计主页面

  首先,我们先来看如何设计用户用于创建和编辑记事的表单,可以大概设计成如下的样子:

  可以看到,这个页面中,有保存按钮,以及一个删除按钮(一个垃圾图标),对应到Sencha Touch框架中的元素如下图所示:

  接下来是记事列表的界面,框图如下:

  其对应Sencha Touch中的框架元素如下:

  此外,还需要使用一个布局文件,它是沟通记事列表页面和记事页面登记的桥梁,这里我们使用EXT的card layout布局进行布局,两个界面的关系如下图:


 

0
相关文章