Sencha Touch 框架快速入门系列

Sencha Touch 快速入门2.0 第四章 Api文档看懂了吗？

摘要: 今天来扯一扯官方文档以及其他的一些东西。大部分问题，其实都是可以通过查阅文档来解决的。　　因为文档是没办法直接用浏览器打开来看的，所以请大家先将sencha-touch-1.1.0下的docs文件夹部署到本机的IIS或者其他服务器上，以便查阅。怎么部署文档?　　Win7的话，比较简单，请看这篇文章windows7/win7 iis的安装与配置（图解教程）　　xp的话 iis 6.0 完整安装包　　...阅读全文

posted @ 2011-09-01 16:30 威老 阅读(266) | 评论 (0) 编辑

sencha touch 快速入门2.0 第三章 布局(2) Card布局

摘要: 在这篇里面，我就尽量少说废话了，如果有什么不清楚的地方，请看前面的章节。Sencha Touch 快速入门2.0 第三章 布局（一）Box布局一、Fit布局Fit布局很有特点，它只允许自己的第一个item被显示出来，并且填充满自己。如果它的item多于一个，那难免是会出些意外的情况的。如果你发现你的容器内的控件有的没有全部被显示出来，那不妨看看它的layout是否为fit，试着将它强制设为vbox...阅读全文

posted @ 2011-08-29 14:08 威老 阅读(693) | 评论 (0) 编辑

Sencha Touch 快速入门2.0 第三章 布局（1）Box布局

摘要: SenchaTouch里的布局有五种ohboxovboxocardofitoauto[默认]实际上可以分为Box布局和Fit布局两种。Senchatouch里的布局应该理解为：该控件内部子项的排列方式。我们今天先来看看box布局Box布局 顾名思义，box布局就是一个个的box组成的。 hbox:水平排列、垂直居中、靠左置顶 vbox:竖直堆叠、水平居中、靠上置顶hbox：hboxExt.setup({ tabletStartupScreen: 'tablet_startup.png', phoneStartupScreen: 'phone_startup.png阅读全文

posted @ 2011-08-23 16:06 威老 阅读(658) | 评论 (0) 编辑

Sencha Touch 快速入门2.0 第二章 Chorme浏览器调试功能介绍

摘要: 大家好，今天再为大家奉献一篇入门教学，这次是关于浏览器调试的。无论你是在学习，还是做项目，熟练地掌握浏览器的调试功能，都将会有很大的帮助。调试能够帮助你快速地了解框架，处理bug，让你不论处理什么都能够更快速，更准确。在这篇文章里，我将详细地为大家介绍chrome浏览器中常用的调试功能，对于其他的浏览器，大家同样可以触类旁通。接下来->打开chrome->按F12。开始chorome调试之旅吧！一、JS调试选中Script标签之后，我们来到了JS调试界面。为大家讲解一下各个区域的作用。左上角有一个下拉框，用于选择JS文件，还有后退以及前进按钮，可以快速地返回之前调试的JS文件。左侧阅读全文

posted @ 2011-08-23 10:30 威老 阅读(911) | 评论 (7) 编辑

Sencha Touch 快速入门2.0 第一章 开发Sencha Touch App

摘要: 接触Sencha Touch已有近一个月的时间，在探索它的同时，走了不少的弯路。也有了不少的发现和体会。在此分享给各位，希望不管新手还是老鸟，都能在这篇文章里有所收获。Sencha Touch简介Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。下面是Sencha官方给出的几点特性1.基于最新的WEB标准 – HTML5，CSS3，JavaScript。整个库在压缩和gzip后大约80KB，通过禁用一些组件还会使它更小。2.支持世界上阅读全文

posted @ 2011-08-09 13:08 威老 阅读(1339) | 评论 (0) 编辑

Sencha Touch 自定义List的三种实现方案

摘要: 在sencha touch的list里嵌入自己想要的控件，有多种选择方案。其中一种是直接在itemTpl相应的地方加上html标签(如<button><input>)创建html控件。效果如下：蛋疼了吧。。。风格不统一，而且要给按钮加事件也显得比较别扭。这个方案，当然还是有它的好处的，这是所有方案中效率最高的一个。如果你使用的是图片按钮，自然也是可以很协调的。如果我们想要用框架原有的按钮怎么办，这就是本篇文章的重点了。第二种方案先看效果这个方案，要求你对Sencha Touch框架有一定程度的了解，当然，学习它也能让你对这个框架有更深一层的认识。废话不说直接上代码。li阅读全文

posted @ 2011-08-04 09:51 威老 阅读(1023) | 评论 (0) 编辑

Sencha Touch 框架快速入门(1)

摘要: 入门篇Sencha Touch 快速入门2.0 第一章 开发Sencha Touch AppSencha Touch 快速入门2.0 第二章 Chorme浏览器调试功能介绍Sencha Touch 快速入门2.0 第三章 布局（1）Box布局sencha touch 快速入门2.0 第三章 布局(2) Card布局技巧篇Sencha Touch 自定义List的三种实现方案以下都是旧的内容了简介首先跟其他的许多框架一样SenchaTouch给我们提供了一系列的控件查看示例，使用这些控件，我们可以很方便地搭建起出能够与iphone手机应用相媲美的html5页面。完美支持触控操作，弥补了传统手机网阅读全文

posted @ 2011-08-03 09:19 威老 阅读(1419) | 评论 (3) 编辑