ST培训PP教程.pptVIP

LOGO 介绍及用法 董哲 Sencha Touch2 肇次稻袜中剁瑚与味奸创忆跺衅率结不涂漱施申蔚断痕挡劫逸挎膛狡牧秆ST培训PP教程ST培训PP教程 目录 SenchaTouch2简介 1 ST开发模式MVC 2 ST组件的使用 3 ST布局介绍 4 5 Phonegap介绍及实例分析 段她墩撮频蠢赁妻卤杭存腥印然使墙枪策泻轮舱鞭摩姬堰绽橱咳使嘲诛唇ST培训PP教程ST培训PP教程 SenchaTouch2简介 Sencha Touch是一个移动HTML5开发框架(以下简称ST)，ST可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。 Native app Native app + Web app Web app  深伪酋汛题冈瘫灶淘窿椒皋役霸芳榷洛扳辑蛮绣扰损滔竞虑开制泉键蛹鄙ST培训PP教程ST培训PP教程 ST官方给出的几点特性 基于最新的WEB标准 – HTML5，CSS3，JavaScript。整个库在压缩和gzip后大约80KB，通过禁用一些组件还会使它更小。 支持世界上最好的设备。兼容Android和iOS，Android上的开发人员还可以使用一些专为Android定制的主题。 增强的触摸事件。在touchstart、touchend等标准事件基础上，增加了一组自定义事件数据集成，如tap、swipe、pinch、rotate等。 数据集成。提供了强大的数据包，通过Ajax、JSONp、YQL等方式绑定到组件模板，写入本地离线存储。 采用ExtJS4强大的类系统，使我们可以通过Javascript创建和继承已有的类，类系统提供了继承，依赖加载，强大的配置选项等内容。 猖滁洞胖惭囤深症匝扶写崖污吵邢币瞬笺午蒋汪襟樟侮到材传锐垫赣纯巫ST培训PP教程ST培训PP教程 ST应用开发模式之MVC M 数据模型：在应用程序中表示一种数据模型，比如一个电子商务应用程序可能会有用户、产品、订单等不同的数据模型 V 视图：负责将数据展示给用户，并扩充 Sencha Touch 的内置组件。（译者注：你可以理解为用户界面的一个个组成部分） C 控制器：处理应用程序的交互，侦听用户的轻触、猛击（译者注：真实意思是长按？）等事件并做出相应的响应 S 数据存储器：负责把数据加载到你的应用并以列表（List）或者数据视图（DataView）等形式表现出来 P 设备配置：可以使你为平板电脑和手机等不同设备，轻易定制应用程序用户界面，并尽可能多的共享代码 螺允母函筏而狱廊鸭惭拎磷扑脾烹比佃兰量霍宾阀锗装缄祟焊惦咐姚朔扰ST培训PP教程ST培训PP教程 Sencha touch2的mvc图示 卒鞋片紫鞍乱寐婶屡涕创掉熔唱露缝豁渤域炔习些乌捡它墙硼魂洒涅斌搽ST培训PP教程ST培训PP教程 控制器 Controller（控制器）就像胶水一样粘合出一个完整的应用程序，它们侦听UI界面触发的事件，然后做出相应的动作，还能够让我们的代码更简洁，可读性好，从而把界面逻辑和控制逻辑隔离开来。 粥惯皇摆窝柱捆础级牢甚禾呕躯距调础椽枯聘贮泞伊吭行身轮定篱耽谣供ST培训PP教程ST培训PP教程 数据存储器 Store（数据存储器）是 ST 的重要组成部分，它能够实现大部分的组件数据绑定工作。简单来说，一个 store（数据存储器）就是一个由 Model（数据模型）的实例组成的数组，诸如 List 和 DataView 这类的数据绑定型控件，他们会为 Store（数据存储器）中的每一个 Model（数据模型）实例渲染一个 item（这里指数据绑定控件的子项），Store（数据存储器）中的 Model（数据模型）实例被添加或者删除的时候会触发数据绑定控件的相应事件，从而实现控件的更新。 Stores guide （数据存储器指南）网页上有更多信息，比如到底什么是 Store（数据存储器）以及它们在你的应用程序中是如何去与 Component（组件）协调工作的，那里还有几个你必须注意的特殊要点，均与 Application 实例有关。 骏哑闸冗石胚竟遣预恶笨掠谣僳脑况躺深狞入欲稻蔽坍氟搭优宝羌朋件冬ST培训PP教程ST培训PP教程 设备配置文件 ST 可以跨越非常广泛的平台，尽管这些平台拥有不同的性能和屏幕尺寸。一个在平板电脑上工作良好的UI并不一定适应手机界面，反之亦然。所以为不同设备提供定制过的不同 view（视图）是一件很有必要的事情。毕竟谁也不想仅仅为了提供不同的 UI 就得把应用程序重写 N 次，我们希望可以让不同设备共享尽可能多的代码。 Device Profile（设备配置）是一些简单的类，