用于某些sencha / enyo样式功能的主干兼容UI /组件库

时间:2012-08-24 10:40:54

标签: javascript css mobile backbone.js sencha-touch

首先让我说我已经阅读了很多关于使用骨干/ jQuery移动和骨干/ Sencha比较的问题和博客文章,并且实际上已经在这个空间中占据了一段时间,但仍然是避风港找不到我想要的东西。

我对Sencha非常熟悉并且过去曾将它用于包裹(phonegap等)应用程序,我非常喜欢它。但是,对于Web项目的较小代码库以及对浏览器兼容性和其他各种原因的更多控制,它不适合某些任务。

当我开始尝试从头开始设计移动(但也是桌面和平板电脑)骨干网络应用程序时,我发现我错过了三个关键的事情

  • 一般移动'init',填满屏幕等(虽然这是最容易复制的)
  • 选项卡式,iOS风格,导航(当然我可以自己动手,但看起来很傻)
  • 滚动 - 滚动一段内容,尤其是轮播以及旋转木马如何链接到标签界面

在整个应用程序中,我并没有大肆模仿每个设备的本机操作系统风格,事实上我更愿意(虽然遵循一些合理的约定)使它们看起来有点不同。

Ember有flame之前我曾经使用过,这就是我正在寻找的东西。

我知道我可以构建一个jQuery mobile,自定义脚本,jQ插件/ iSroll,CSS库,骨干UI等工具包,并且喜欢编译我自己的'堆栈'的想法,但由于某种原因它只是没有'感觉很对。

所以,要把它带回更多的实际问题。我想我正在寻找一个没有专门链接到库的单个项目 - 理论上如果需要,可以在静态编码的页面上运行它(尽管现在情况不是这样) )。或者也许是其他人经历过类似旅程的一些话,也许最终会出现我之前提到过的图书馆混合,为什么他们认为这是最好的解决方案。

我不想做任何太疯狂的事情,说一些有点像old sencha oreilly example但是使用一些旋转木马的东西,我会用多种设备和浏览器来覆盖多种设备和浏览器JS。

我也会继续自己看这个并报告我是否有任何有趣的内容

干杯

修改

在研究这个时,我意识到它只是真正想要从Sencha转盘和滚动的旋转木马。我注意到Cubiq有一个漂亮的slideview组件,可以非常整齐地处理旋转木马,占地面积小。我找到了一个stackoverflow的答案,关于使用原始的iscroll进行垂直滚动。请参阅下面的答案,以便成功地将两者结合使用 How to use iScroll4 with SwipeView?

这需要一些调整才能在桌面上正常工作。我也想从标签式UI中控制它。无论如何,我并没有回答我自己的问题,但鉴于这有几个赞成我会发表我的一些想法。

快速修改

您可以将标签的事件附加到幻灯片视图https://dl.dropbox.com/u/81328343/scroll/1.html,但此刻,它仅为下一个/上一个而非直接页面(标签页)访问设置动画

2 个答案:

答案 0 :(得分:1)

Webix

非常庞大的组件库。

答案 1 :(得分:0)

我使用Twitter Bootstrap和Backbone ......

http://twitter.github.com/bootstrap/