当前位置：文档之家 › 移动终端-Sencha Touch小结

移动终端-Sencha Touch小结

  • 格式：docx
  • 大小：357.61 KB
  • 文档页数：4

关于ARCHIBUS移动终端（Sencha Touch）文档开发其实就是对于Sencha Touch的前端开发，使其可以在Android 、iphone、ipad及相关设备上运行方便查看一个系统的内部信息。经过一点时间对文档的认真阅读，大致介绍下我个人对此的一点小小总结。

Sencha简介

前不久基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合JQTouch、Raphaël库，推出适用于最前沿Touch Web的Sencha Touch框架，该框架是世界上第一个基于HTML5的Mobile App框架。同时，ExtJS更名为Sencha，JQTouch的创始人David Kaneda，以及Raphaël的创始人也已加盟Sencha团队。

Sencha特性

Sencha被翻译成“煎茶”，Sencha下有很多优秀的项目比如Complete 、Extjs、Touch、

Animator、GXT 、Architect等其它相关产品。也许我们Extjs用的比较多。

Sencha Touch 2 作为一种高性能的 HTML5 移动应用程序框架，是 Sencha HTML5

平台的基础。

Sencha Touch 2 专为实现世界级的用户体验而设计，该软件是唯一能够帮助开发人员构建在 iOS、

Android、BlackBerry 和 Kindle Fire 等系统上运行的高速沉浸式应用程序的框架。

Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。

下面是Sencha官方给出的几点特性

1.基于最新的WEB标准 – HTML5，CSS3，JavaScript。整个库在压缩和gzip后大约80KB，通过禁用一些组件还会使它更小。

2.支持世界上最好的设备。Beta版兼容Android和iOS，Android上的开发人员还可以使用一些专为Android定制的主题。

3.增强的触摸事件。在touchstart、touchend等标准事件基础上，增加了一组自定义事件数据集成，如tap、swipe、pinch、rotate等。

4.数据集成。提供了强大的数据包，通过Ajax、JSONp、YQL等方式绑定到组件模板，写入本地离线存储。

Sencha 切身体验

最近几天学了下sencha touch2的一些基本控件和一些写法。都是很基础的，sencha touch2的语法感觉很像面向对象的语法。有自己的类，类可以继承，sencha touch2如果项目大的话有一种mvc的架构写法。

首先我们要做一个小小的关于Sencha Touch的Demo：

一、准备工作：Sencha Touch 需要运行在 Chrome 和 Safari浏览器上. 也可以通过手机浏览器直接访问, 你也可以在电脑上用 Chrome, Safari, 或者 Internet Explorer 10 \ 11浏览.所以先准备好浏览工具，在这里我用的是Chrome浏览器。

1. 下载Sencha Cmd.，选择现在的安装环境（配置好一个环境变量JAVA_HOME,其Path指向Sencha Cmd的安装路径），Sencha Cmd 由于是用JAVA写的，所以需要运行在 JRE，官方说要用1.7的版本，所以还是这里选择的是 jdk1.7.0_25版本，因为现在1.8都出来了。

2. 下载Sencha Touch包，我这里用的的Sencha Touch -2.2.1，这些下载好之后我们需要对其进行简单的测试，所以需要服务器，apache-tomcat-6.0.37作为测试环境。

二、安装软件

1. 安装需要的浏览器，不用都说，我这里安装的是Chrome。

2. 安装JAVA运行环境。

3. 安装Sencha Cmd，win的双击运行就是。

4. 解压Sencha Touch，解压，我这里为了方便解压到D盘 。

三、生成Touch项目

1、 运行cmd到解压的Sencha Touch目录下，如图。

2、测试Sencha的cmd，直接运行 sencha，如下图。

如何提示这样，，证明sencha安装成功。

3、运行生成项目代码

sencha generate app MyApp ../MyApp （由于我做了好几个案例，D盘下面有生成的包名为Myapp的，有Demo的） 运行完后，，这样在D盘里就生成了一个MyApp的目录，，这个就是自动生成的touch项目，

然后再把生成的项目放在D:\apache-tomcat-6.0.37\webapps\MyApp目录下

附言：下图为Demo的目录结构及部分关键代码 经过此Demo的学习,自己也对代码进行开了简单的研究，做出了简单的按钮效果，效果图如下：

这些只是简单的Demo，我觉得这些只要认真学习相信不管是EXT下面关于sencha touch的app、behavior、env等等都会迎刃而解的。最后感谢黄工给我这次学习的机会，我会更加努力的学习这些相关知识。

合集下载

移动端jstouch事件

移动端jstouch事件

移动端jstouch事件

随着智能⼿机和平板电脑的普及, 越来越多的⼈⽤移动设备浏览⽹页，我们平时在pc浏览器上⽤的⿏标事件，⽐如：click, mouseover等， 已经⽆法满⾜移动设

备触摸屏的特点，触摸时代的到来，离不开那些触摸事件。

触摸事件包含4个接⼝。

TouchEvent

代表当触摸⾏为在平⾯上变化的时候发⽣的事件.

Touch

代表⽤户⼿指与触摸平⾯间的⼀个接触点.

TouchList

代表⼀系列的Touch; ⼀般在⽤户多个⼿指同时接触触控平⾯时使⽤这个接⼝.

DocumentTouch

包含了⼀些创建 Touch对象与TouchList对象的便捷⽅法.

TouchEvent接⼝可以响应基本触摸事件（如单个⼿指点击），它包含了⼀些具体的事件，

事件类型：

touchstart : 触摸开始（⼿指放在触摸屏上）

touchmove : 拖动（⼿指在触摸屏上移动）

touchend : 触摸结束（⼿指从触摸屏上移开）

touchenter ：移动的⼿指进⼊⼀个dom元素。

touchleave ：移动的⼿指离开⼀个dom元素。

还有⼀个touchcancel，是在拖动中断时候触发。

事件属性：

altKey : 该属性返回⼀个布尔值，表⽰在指定的事件发⽣时，Alt 键是否处于按下状态， event.altKey=true|false|1|0

type : 触摸时触发的事件类型，⽐如touchstart

每个触摸事件都包括了三个触摸属性列表：

1. touches：当前位于屏幕上的所有⼿指触摸点的⼀个列表。

2. targetTouches：当前元素对象上所有触摸点的列表。

3. changedTouches：涉及当前事件的触摸点的列表。

它们都是⼀个数组，每个元素代表⼀个触摸点。

每个触摸点对应的Touch都有三对重要的属性，clientX/clientY、pageX/pageY、screenX/screenY。

其中screenX/screenY代表事件发⽣的位置对于屏幕的偏移量，clientX/clienYt和pageX/pageY都代表事件发⽣位置对应对象的偏移量，不过区别是

三终端操作总结

三终端操作总结

三终端操作总结

三终端通常指的是电脑端、手机端、平板端，以下是对三终端操作的总结：

1. 电脑端：

-

优点：屏幕较大，操作精准，适合处理复杂任务和进行长时间工作。

- 缺点：不够便携，需要固定的使用场所。

-

常用操作：使用键盘和鼠标进行操作，包括文件管理、网页浏览、软件应用等。

2. 手机端：

- 优点：便携性高，可以随时随地使用，适用于移动办公和娱乐。

- 缺点：屏幕较小，输入操作相对不够便捷。

-

常用操作：通过触屏进行操作，如拨打电话、发送短信、安装应用、拍照等。

3. 平板端：

-

优点：屏幕大小介于电脑端和手机端之间，便携性较好，适合阅读和娱乐。

- 缺点：在处理复杂任务时相对较弱。

-

常用操作：使用触屏或搭配外接键盘进行操作，可用于浏览网页、观看视频、玩游戏等。

三终端各有优劣，我们可以根据不同的需求和场景选择合适的终端进行操作。在实际使用中，还需注意不同终端之间的兼容性和数据同步问题，以提高工作和生活效率。

senchatouch的收费标准判别

senchatouch的收费标准判别

图1为Sencha touch的收费标准：

图1 Can I use Sencha Touch for free? Yes. Sencha Touch is available free of charge for commercial and/or open source application development 以上资料来源 Sencha touch 官网。大意是 我可以免费使用Sencha touch 吗？ 是的。Sencha touch是免费提供的商业/开放源代码应用开发程序。 Development Team Mentoring Our team can work directly with your team on your development project. Performance tuning, code reviews, and pair programming are just some of the ways we can assist on an on-site or off-site basis to make sure your project stays on track. Your team learns valuable on-the-job skills, and your users get the high quality apps they demand. 以上来源Sencha 官方网站。 我们的团队可以直接参与您的团队在您的开发项目。我们可以在协助现场或场外的基础上，进行性能优化，代码审查和结对编程，以确保您的项目停留在正确轨道上。你的团队可以学习宝贵的工作技能，你的用户得到高质量的应用程序（按照用户的要求要求。） ------------------------------------------------------------------ 通过以上资料我们可以看出Sencha touch是一个开源的（即免费使用）开发程序。但同样你可以支付一定的费用聘请Sencha touch公司的开发人员参与到你的团队当中。Sencha touch的团队会为你进行为期一年的服务，以保证你所需要的程产品 开源许可协议 商业许可协议 Sencha Touch GPL v3 免费许可，收费支持 $299 ( 1 Developer Support ) $1395 ( 5 Developer Support) $4995 ( 20 Developer Support) Sencha Touch Charts GPL v3 $375 ( 1 Developer ) $1795 ( 5 Developer ) $6175 ( 20 Developer ) 序框架的稳定。 费用见（表1）。（表1）中的Sencha Touch Charts 是基于 Sencha Touch 的一个图表组件，专门为智能手机而优化。Sencha Touch Charts的收费标准为一次性付费，终身免费使用。 通过跟Sencha 公司中国地区总代理的联系我们得知，购买的技术支持跟网上查到的（表1）得到的结果是一致的。我还了解到，通过Sencha 平台开发的软件没有授权这样的说法。Sencha客服的解释是：我们卖给软件公司技术支持，你的二次开发成果可以卖给其他的公司，这是不需要收取所谓的授权费的。Sencha公司仅仅是提供他们的人员（例如20个人员一年4995美元）。Sencha中国地区总代理电话为************。

Sencha Touch 2 控制器指南

Sencha Touch 2 控制器指南

前言：

控制器 [Controller] 在Sencha Touch MVC中起到的是纽带作用，它控制视图 [View] 的展示逻辑，又负责以数据模型 [Model] 为基础的数据 [Data] 处理逻辑（包括数据的加载、展示、更新、增删等等）。控制器就像胶水，有了它才能够把一个Sencha Touch（后面一律简写做ST）应用程序 [Application] 的各项元素黏合在一起，使之协调工作并完成预期的任务。

文章英文原址是：/touch/2-0/#!/guide/controllers

原文标题是 Controllers ，直译就是控制器，不过在官方文档中也称之为Controllers Guide ，我觉得用这个标题更为恰切一些。

Sencha Touch 交流QQ群213119459

Controllers Guide

控制器学习指南

Controllers are responsible for responding to events that occur within your app. If your app

contains a Logout button that your user can tap on, a Controller would listen to the Button's tap

event and take the appropriate action. It allows the View classes to handle the display of data and

the Model classes to handle theloading and saving of data - the Controller is the glue that binds

them together.

控制器用来响应发生在应用程序中的事件，如果你的应用程序包含一个让用户点击的登出按钮，那么就应该有一个控制器来侦听该按钮的点击事件然后作出恰当的反应。控制器就像胶水，它控制视图类展示数据，并通过数据模型类来加载和保存数据，于是两者就这样被黏合在一起。