sencha | 易学教程

【翻译】Ext JS 6 Beta发布

阅读更多关于【翻译】Ext JS 6 Beta发布

原文： Ext JS 6 Beta is Now Available 概述 Ext JS 6的好处新的Ext JS功能和工具需要你的反馈意见概述很高兴，Ext JS 6 beta版本现在发布了。该版本是为了让你、社区来测试和评估Ext JS 6工作进度的。这是协助创建最好的Ext JS发布版本的最好方式。对于Ext JS 6来说，可以单独使用一个javascript框架来创建基于桌面、平板和智能手机的应用程序。下载Ext JS 6 Beta 查看Ext JS 6的新内容 Ext JS 6的好处在演变过程中，Ext JS已经成为功能丰富的、数据驱动的、单页面应用程序的工业标准。Ext JS强大的应用程序已经成功政府数以百计的屏幕和成千上万行的代码。所有的这些应用程序都需要被动员起来，以便用户能够在任何设备、任何时间、任何地点尤其是出门在外时能处理关键的业务。在去年发布了支持触摸和手势支持的Ext JS 5，为Ext JS框架带来了移动性的第一步。在此过程中，创建了一个核心公共代码库。在Ext JS 6，Ext JS和Sencha Touch的UI组件都是建立在公共核心之上的，因此，可以使用一个单一的代码库并创建从桌面到智能手机等设备的应用程序，事实上的通用应用程序。新的Ext JS功能和工具未了合并框架，Ext JS 6带来了大量的新功能、工具和改进

sencha touch NavigationView

阅读更多关于 sencha touch NavigationView

NavigationView 是官方根据Container控件扩展而来的，由一个导航栏和一个card组成，具备导航和返回时自动销毁当前界面的功能，非常适合新手使用。其中导航栏的代码如下： 1 Ext.define('Ext.navigation.Bar', { 2 extend: 'Ext.TitleBar', 3 requires: ['Ext.Button', 'Ext.Spacer'], 4 isToolbar: true, 5 config: { 6 baseCls: Ext.baseCSSPrefix + 'toolbar', 7 cls: Ext.baseCSSPrefix + 'navigation-bar', 8 ui: 'dark', 9 title: null, 10 defaultType: 'button', 11 layout: { 12 type: 'hbox' 13 }, 14 defaultBackButtonText: 'Back', 15 animation: { 16 duration: 300 17 }, 18 useTitleForBackButtonText: null, 19 view: null, 20 android2Transforms: false, 21 backButton: { 22 align: 'left', 23

Sencha touch 开发指南

阅读更多关于 Sencha touch 开发指南

Sencha touch 开发指南 /*--> */ /*--> */ 　本文主要介绍如何使用 Sencha Touch 为手持设备进行应用开发，主要是针对iPhone这样的高端手机，我们会通过一个详细的例子来介绍整个开发的流程。 Sencha Touch简介 Sencha Touch是专门为移动设备开发应用的Javascrt框架。通过Sencha Touch你可以创建非常像native app的web app，用户界面组件和数据管理全部基于HTML5和CSS3的web标准，全面兼容Android和Apple iOS。如何使用Sencha Touch 1 下载Sencha Touch包，并按照以下结构创建项目列表上图中加蓝色背景的图片为核心文件，必须载入。 2 创建HTML文件，引入以下CSS和Javascript文件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Sencha Touch Test</title>  <link rel="stylesheet" href="http://www.cnblogs.com/resources/css/sencha-touch.css" type="text/css">

Sencha Touch权威指南

阅读更多关于 Sencha Touch权威指南

《Sencha Touch权威指南》基本信息作者：陆凌牛 [作译者介绍] 出版社：机械工业出版社 ISBN：9787111395010 上架时间：2012-8-22 出版日期：2012 年8月开本：16开页码：1 版次：1-1 所属分类：计算机 > 软件与程序设计 > 网络编程 > javascript 计算机 > 软件与程序设计 > 网络编程 > HTML 更多关于》》》《 Sencha Touch权威指南》内容简介书籍计算机书籍　　如何才能全面而透彻地理解和掌握移动应用开发框架sencha touch并开发出令人心动的移动应用？本书将给我们满意的答案！它的内容系统而全面，细致地讲解了sencha touch的所有功能、特性、使用方法、开发技巧，让我们能做到对sencha touch了如指掌；它实战性强，不仅每个知识点都配有精心设计的小案例（具体的实现步骤、完整的实现代码、最终的实现效果，图文并茂），而且还有综合性的案例，能让我们迅速获得实战经验。本书所有实例代码都经调试运行成功，我们可以对这些代码进行修改，以便观察各种不同效果，加深对实例代码的理解。　　第一部分（第1~2章）：首先介绍了sencha touch的功能和特性，然后介绍了如何搭建开发环境和发布应用程序，以及sencha touch的相关基础知识；第二部分（第3~15章）：这是本书的核心部分

sencha touch

阅读更多关于 sencha touch

引用: http://blog.csdn.net/flyerwing/article/details/5826592 Sencha Touch 是第一款基于 HTML5 的手机开发框架，提供五花八门的界面UI组件用以开发丰富特效的手机应用程序。而 Sencha 这是刚刚由 ExtJS 、 jQtouch 和 Raphael 三个项目合并而成的新项目，主要面向 PC 开发者。　　Sencha Touch 支持包括 iPhone、Android 等平台手机，因此你无需再去关心手机底层的操作系统，真正的一次编写到处运行。　　该项目采用 FLOSS 和 GPLv3 的授权。 Sencha Touch：新的Touch Web App重量级框架在几天前，著名的JavaScript框架ExtJS宣布，将现有ExtJS整合JQTouch和Raphaël库，推出适用于最前沿Touch Web的 Sencha Touch 框架，该框架是世界上第一个基于HTML5的Mobile App框架。同时，ExtJS也正式更名为 Sencha 。原域名www.extjs.com也已经跳转至www.sencha.com。同时，JQTouch的创始人David Kaneda，以及Raphaël的创始人也已加盟Sencha团队。“在未来的几个月内，我们的合作将会创造出令人惊叹的新东西来。不会等太久的，我保证

sencha touch 入门系列（二）sencha touch 开发准备

阅读更多关于 sencha touch 入门系列（二）sencha touch 开发准备

　　这是本人第一次写博客教程，没什么经验，文笔也不是很好，写这教程一方面为了巩固自己这段时间的学习成果，一方面帮助大家解决问题，欢迎大家多提建议，指出问题。接下来我们就开始我们的sencha touch开发之旅了。　　首先，我们开始搭建sencha touch的开发环境，我这讲的环境搭建主要是针对windows平台的：　　1.选择一款能够兼容并调试sencha touch的浏览器：　　sencha touch之前是针对webkit内核进行设计的，所以chrome或safari浏览器可以很好的展现基于sencha touch的webapp,不过sencha touch的最新版本也提供了对ie10和ie11的支持，所以在开始开发之前，确保你的系统上已经安装了上述浏览器之一（我这里演示使用的是chrome浏览器，除去firefox的firebug工具外，我最喜欢的就是chrome的开发者工具了，不仅可以查看dom元素，调试js，还能实时监控，cpu使用率，触发事件，内存占用等，是js开发的强力工具）；　　2.下载sencha touch的sdk工具包：　　 http://www.sencha.com/products/touch/download/ ，这是官方的下载地址，你可以输入你的邮箱下载免费的商业版本（Free Commercial Version）

sencha touch 入门系列（一）sencha touch 简介

阅读更多关于 sencha touch 入门系列（一）sencha touch 简介

参考链接: http://mobile.51cto.com/others-278381.htm 　　Sencha touch 是基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合JQTouch、Raphaël库，推出适用于最前沿Touch Web的移动应用开发框架，该框架是世界上第一个基于HTML5的Mobile App框架。同时，ExtJS更名为Sencha，JQTouch的创始人David Kaneda，以及Raphaël的创始人也已加盟Sencha团队　　Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android、Apple iOS、黑莓、winphone等设备。　 Sencha，翻译意为“煎茶”，是指一种在日本很流行的绿茶品种，“我们之所以选择这个名字，因为它会唤醒下一代软件开发并且它很容易记忆、拼写和发音”，在Java开发的传统中，它代表了软件开发的一个新水平阶段。　　另外，Sencha还成立了一个基金会叫“Sencha Labs”，以支持非商业项目开发。jQTouch和Raphaël将保留原有的MIT许可证。原JQTouch项目将由Jonathan Stark接手维护和更新。　　Sencha

开始Sencha Touch 2

阅读更多关于开始Sencha Touch 2

这里，我主要是说一下Sencha Touch 2的开发环境的搭建以及基础的开发知识，很多内容也是看了官方文档学习的，目前国内没有讲解Sencha Touch 2开发的书籍，但最好的书籍就是官方提供的文档！ 1、环境的搭建以下内容是所需要的： (1) Sencha Touch 2.0 SDK , 目前处于开发者预览版本，可免费获得 (2)运行于自己电脑的WEB服务器 (3)比较新的浏览器，推荐Chrome or Safar 下载SDK并解压到你WEB服务器的根目录，如果不想复杂配置WEB服务器，可使用WAMP or MAMP等一键安装的服务器。我的环境是LAMP。当安装好了之后，就可以用浏览器访问http://localhost/sencha-touch-folder ，如果可以见到Sencha Touch的欢迎界面，则说明环境搭建成功，可以动手开发自己的第一个Sencha Touch应用了哦！下面将欢迎界面截图，以示纪念，呵呵！ Sencha Touch 2貌似有问题，打开index.html文件没出现欢迎界面，直接链接到子目录docs下的index.html,原因暂不明了，待日后解决！换成稳定的1.1.1版本后就OK了！好了，今天先到这里了，下次开始写第一个APP哦！来源： https://www.cnblogs.com/hehe001/archive/2011/12/05

Sencha touch 开发系列:容器组件:nestedList,navigationview

阅读更多关于 Sencha touch 开发系列:容器组件:nestedList,navigationview

nestedList和navigationview其实没啥直接的关系,同根生，都是容器组件而以，操作上有点点相似的地方就是，在显示下一层的时候会自动创建toolbar和返回铵钮,先了解这么多，下面慢慢玩玩它们两个。 nestedList就是一个树导航组件，它需要绑定树型的数据结构treestore navigationview是个有趣的导航组件，他可以像栈一样，去操作view。通过调用push来显示下一层view，通过pop来关闭当前显示的子view 先来玩nestedList吧 //定义一个数据模型，它只有一个text字段 Ext.define('ListItem', { extend: 'Ext.data.Model', config: { fields: ['text'] } }); //创建一个树型存储结构,注意看叶子节点需要标识：leaf: true var treeStore = Ext.create('Ext.data.TreeStore', { model: 'ListItem', defaultRootProperty: 'items', root: { items: [ { text: 'Drinks', items: [ { text: 'Water', items: [ { text: 'Still', leaf: true }, { text:

5个主流的HTML5开发工具分享

阅读更多关于 5个主流的HTML5开发工具分享

HTML5被看做是web开发者创建流行web应用的利器，增加了对视频和Canvas 2D的支持。用HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台性非常强大，这也是大多数人对HTML5有兴趣的主要原因。今天，小编将为大家推荐几个主流的HTML5开发工具，让你的开发之路更加绚丽！ 1. Adobe Dreamweaver CS6 Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作！ 2. Adobe Edge Adobe Edge是一个用HTML5、CSS、JavaScript开发动态互动内容的设计工具。它的一个重要功能是web工具包界面，用于方便确保在不同浏览器中架构的一致性，此外，Adobe Edge还将整合TypeKit这样的字体服务

订阅 sencha