ext-ui.com

中文教程

Sencha touch 开发指南

本文主要介绍如何使用Sencha Touch为手持设备进行应用开发,主要是针对iPhone这样的高端手机,我们会通过一个详细的例子来介绍整个开发的流程。

Sencha Touch简介

Sencha Touch是专门为移动设备开发应用的Javascrt框架。通过Sencha Touch你可以创建非常像native app的web app,用户界面组件和数据管理全部基于HTML5和CSS3的web标准,全面兼容Android和Apple iOS。

Sencha的MVC模式实践

Sencha Touch中,Application对象表示整个Sencha的应用程序。对于大多数程序而言,它至少包括有应用程序的名称和一个启动函数.

Sencha Touch 入手

触控技术(touch-interface)可以带用户带来全新的体验。硬件层面仍属于输入设备(input device),也就是说,对于终端而言,究竟是键盘、触控还是鼠标,反正都是输入形式的一种,而输出方式一般是屏幕。不同的输入方式给用户带来的体验绝对是不同的。在手机上的用户体验攸关,因为在巴掌大块上面构建合理的布局输入方式的确需要花点心思。就像当红小生Apple的iPhone,它便很成功。看上去,iPhone除了削平的镜面外,无非只有一个按钮。

五步掌握Ext的拖放(下)

第三步:设置置下目标明确需求是怎么样的:除了 rentedrepair可接纳拖动元素,cars和trucks本身也是可以的。总之是使用 DDTarget来负责放下的目标。代码如下:

五步掌握Ext的拖放(上)

那么多的交互设计模式中,“拖放(Drag and Drop)”模式是开发者感觉比较不错的。用户日常在进行拖放操作的时候,真的是想都不用想地就可以轻松搞掂了,易学易用,非常直观。下文中,不是我们断言,只要将下面五个步骤的要义领会在心,拖放不再是一间难事。
定义拖放拖动(drag)的动作,就是鼠标的点击动作发生了,点击在某些UI元素身上,就可以按着不放,同时也可以移动着鼠标;放下(drop)的动作,就是在拖动动作开始后,但鼠标按钮松开了——就是放下的动作。

聚合内容