Sencha学习手记(二)
开始使用Seacha进行开发:
1. 设置开发环境
下载Seacha开发框架库。下载地址 [Seacha目前的版本0.92]
下载后的目录结构如下:

2.开始第一个Sencha应用
创建Html
我使用的是DW(Dreamweaver),创建了一个Html页面。

注:第10行,引用的是一个debug版的Sencha JS库,开发时方便调试。正式上线时,可更换为优化版ext-touch.js
创建JavaScript
Ext.setup({ tabletStartupScreen: 'tablet_startup.png', phoneStartupScreen: 'phone_startup.png', icon: 'icon.png', glossOnIcon: false, onReady: function() { var pnl = new Ext.Panel({ layout: { type: 'vbox', pack: 'center' }, items: [{ xtype: 'video', url: 'space.mp4', loop: true, width: 500, height: 400, poster: 'Screenshot.png' }], fullscreen: true }) } });
感觉Hello word!没有意思,就搞一下视频吧!直接从example中找段代码。具体后面慢慢消化吧。
3.测试自己的成果
使用Safari浏览一下index.html
.png)
注:目前火狐及Chrome目前支持的都不太理想,IE大家先不用想了。如果之前有过手机的开发经验,可以直接用iPhone或Android的模拟器进行测试。
4. 将index.html中的ext-touch-debug.js更换为ext-touch.js
5. 上传服务器完成我第一个煎茶

.gif)
.gif)




.gif)
怎样在android 模拟器上部署webapp
非常感谢,能不能具体说一下,怎样在android 模拟器上部署webapp 呢?
煎蛋还是煎茶?
煎蛋还是煎茶?
感谢你的提醒
却是翻译却是是煎茶,敲错煎蛋。抱歉
再详细点就好了
再详细点就好了
发表新评论