Sencha学习手记(二)

 开始使用Seacha进行开发:

1. 设置开发环境
下载Seacha开发框架库。下载地址 [Seacha目前的版本0.92]

下载后的目录结构如下:

2.开始第一个Sencha应用

创建Html

我使用的是DW(Dreamweaver),创建了一个Html页面。

注:第10行,引用的是一个debug版的Sencha JS库,开发时方便调试。正式上线时,可更换为优化版ext-touch.js

创建JavaScript

  1.  
  2. Ext.setup({
  3. tabletStartupScreen: 'tablet_startup.png',
  4. phoneStartupScreen: 'phone_startup.png',
  5. icon: 'icon.png',
  6. glossOnIcon: false,
  7. onReady: function() {
  8. var pnl = new Ext.Panel({
  9. layout: {
  10. type: 'vbox',
  11. pack: 'center'
  12. },
  13. items: [{
  14. xtype: 'video',
  15. url: 'space.mp4',
  16. loop: true,
  17. width: 500,
  18. height: 400,
  19. poster: 'Screenshot.png'
  20. }],
  21. fullscreen: true
  22. })
  23. }
  24. });

感觉Hello word!没有意思,就搞一下视频吧!直接从example中找段代码。具体后面慢慢消化吧。

3.测试自己的成果

使用Safari浏览一下index.html

 

注:目前火狐及Chrome目前支持的都不太理想,IE大家先不用想了。如果之前有过手机的开发经验,可以直接用iPhone或Android的模拟器进行测试。

4. 将index.html中的ext-touch-debug.js更换为ext-touch.js

5. 上传服务器完成我第一个煎茶

 

riadevID: 
相关主题: 
您给予的分值: None 平均分: 9.5 ( 2 票)

怎样在android 模拟器上部署webapp

非常感谢,能不能具体说一下,怎样在android 模拟器上部署webapp 呢?

煎蛋还是煎茶?

煎蛋还是煎茶?

感谢你的提醒

却是翻译却是是煎茶,敲错煎蛋。抱歉

再详细点就好了

再详细点就好了

发表新评论

  • 网页地址和电子邮件地址将会被自动转换为链接。
  • 行和段被自动切分。
  • 您可以使用下面的标签来高亮显示您的评论内容: <code>, <blockcode>. 可以使用"[foo]".旁边显示标签样式 "<foo>" PHP代码可以用这样的区块来包含<?php ... ?> or <% ... %>

更多格式化选项信息

验证区域
系统验证:请回答下面的问题