摘要：开始Touch 2之旅Sencha Touch是什么?Sencha Touch (以下简称ST)能够帮助你快速地构造出基于HTML5的手机应用。通过ST构造出来的程序有着与原生应用一致的用户体验，目前已全面支持Android、IOS、黑莓这些主流平台。准备工作您不需要太多的准备。只需要：一个免费的Sencha Touch SDK。一个本机的web服务器。一个支持HTML5的浏览器(推荐使用Chro... 阅读全文
Sencha Touch 1.x 用scroller实现滚到底部加载更多
2011-09-27 16:43 by 威老, 5272 阅读, 0 推荐, 收藏, 编辑
摘要：需求：当list滚动到末尾的时候，自动加载更多的内容。闲言碎语：其实这个问题要解决非常简单。但首先，我相信，大家不是为了简单的copy那几行代码而来的。相信看了详细的解说，大家能够真正有所收获，能够举一反三。毕竟sencha touch的中文资料不多，很多问题，都是找不到现成的解决方案的，这就需要我们自己动手去解决啦。分析：要搞定这个问题，首先要知道跟滚动相关的一些东西。请大家打开api文档，跟我一起来吧！不清楚文档使用方法的请看Sencha Touch 快速入门2.0 第四章 Api文档看懂了吗？首先，让我们认识一下ST框架里的scroller对象。scroller对象scroller在se 阅读全文
Sencha Touch 1.x TabPanel的左侧TabBar
2011-09-13 14:19 by 威老, 2788 阅读, 1 推荐, 收藏, 编辑
摘要：先看看效果其实是会碰到问题滴sencha touch里，tabBar只有设在上面或者下面的时候，才能正常显示。如果设置到左侧的话，默认就会产生这样的结果：要解决这个问题，我的第一反应就是用css。但是那无疑增加了复杂度。（我确实也那么搞过，麻烦得要命）其实只要对sencha touch的布局熟一点，分析一下，很容易就能找到问题的关键。水平一排过来的Tab1,Tab2,Tab3按钮，这是什么？这不就是hbox布局吗！OK，也就是说要让它变成垂直的，只需要把hbox布局改为vbox布局即可。第一个措施因为Tab1,Tab2,Tab3是在TabBar里面的，所以我们把tabBar的layout改为v 阅读全文
Sencha Touch 1.x 为tabPanel添加一个更多按钮。
2011-09-13 13:07 by 威老, 5131 阅读, 0 推荐, 收藏, 编辑
摘要：我们要的效果这个示例由2各部分组成。一个TabPanel，一个overlay。出现的问题为了制作出“更多”按钮，大家首先想到的肯定是在TabPanel的tabBar里添加一个item就像这样tabBar:{ items : { text :'更多', handler : showOverlay }但是这会引发一个问题：用户点击了更多按钮时TabPanel会切换回第一个Tab。这显然不是我们想要的效果。这么一个令人纠结的小问题，处理起来，也是令人头皮发麻。今天重点就是给大家讲解一下，我解决这个问题的整个过程，希望能够给各位一些帮助。问题分析为什么会切回第一... 阅读全文
Sencha Touch 1.x 快速入门 第四章 Api文档看懂了吗？
2011-09-01 16:30 by 威老, 5090 阅读, 1 推荐, 收藏, 编辑
摘要：今天来扯一扯官方文档以及其他的一些东西。大部分问题，其实都是可以通过查阅文档来解决的。 因为文档是没办法直接用浏览器打开来看的，所以请大家先将sencha-touch-1.1.0下的docs文件夹部署到本机的IIS或者其他服务器上，以便查阅。怎么部署文档? Win7的话，比较简单，请看这篇文章windows7/win7 iis的安装与配置（图解教程） xp的话 iis 6.0 完整安装包 安装好IIS之后，把docs文件夹拷贝至C:\inetpub。新建一个站点，物理路径C:\inetpub\docs。指定一个端口。 完成之后，在地址栏输入http://ip地址:端口号，就能够正... 阅读全文
Sencha Touch 1.x 快速入门 第三章 布局(2) Card布局
2011-08-29 14:08 by 威老, 5789 阅读, 3 推荐, 收藏, 编辑
摘要：在这篇里面，我就尽量少说废话了，如果有什么不清楚的地方，请看前面的章节。Sencha Touch 快速入门2.0 第三章 布局（一）Box布局一、Fit布局Fit布局很有特点，它只允许自己的第一个item被显示出来，并且填充满自己。如果它的item多于一个，那难免是会出些意外的情况的。如果你发现你的容器内的控件有的没有全部被显示出来，那不妨看看它的layout是否为fit，试着将它强制设为vbox往往就能解决问题。下图是在一个layout为fit的Panel里放了三个button的结果：所以说：除非你想营造些令人匪夷所思的效果，请不要在fit布局的容器里面放超过一个的东西。二、Card布局Se 阅读全文
Sencha Touch 1.x快速入门 第三章 布局（1）Box布局
2011-08-23 16:06 by 威老, 8437 阅读, 1 推荐, 收藏, 编辑
摘要：SenchaTouch里的布局有五种ohboxovboxocardofitoauto[默认]实际上可以分为Box布局和Fit布局两种。Senchatouch里的布局应该理解为：该控件内部子项的排列方式。我们今天先来看看box布局Box布局 顾名思义，box布局就是一个个的box组成的。 hbox:水平排列、垂直居中、靠左置顶 vbox:竖直堆叠、水平居中、靠上置顶hbox：hboxExt.setup({ tabletStartupScreen: 'tablet_startup.png', phoneStartupScreen: 'phone_startup.png 阅读全文
Sencha Touch 1.x 快速入门 第二章 Chorme浏览器调试功能介绍
2011-08-23 10:30 by 威老, 5730 阅读, 3 推荐, 收藏, 编辑
摘要：大家好，今天再为大家奉献一篇入门教学，这次是关于浏览器调试的。无论你是在学习，还是做项目，熟练地掌握浏览器的调试功能，都将会有很大的帮助。调试能够帮助你快速地了解框架，处理bug，让你不论处理什么都能够更快速，更准确。在这篇文章里，我将详细地为大家介绍chrome浏览器中常用的调试功能，对于其他的浏览器，大家同样可以触类旁通。接下来->打开chrome->按F12。开始chorome调试之旅吧！一、JS调试选中Script标签之后，我们来到了JS调试界面。为大家讲解一下各个区域的作用。左上角有一个下拉框，用于选择JS文件，还有后退以及前进按钮，可以快速地返回之前调试的JS文件。左侧 阅读全文
Sencha Touch 1.x 快速入门 第一章 开发Sencha Touch App
2011-08-09 13:08 by 威老, 13606 阅读, 5 推荐, 收藏, 编辑
摘要：接触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.支持世界上 阅读全文
Sencha Touch 自定义List的三种实现方案
2011-08-04 09:51 by 威老, 12751 阅读, 4 推荐, 收藏, 编辑
摘要：在sencha touch的list里嵌入自己想要的控件，有多种选择方案。其中一种是直接在itemTpl相应的地方加上html标签(如<button><input>)创建html控件。效果如下：蛋疼了吧。。。风格不统一，而且要给按钮加事件也显得比较别扭。这个方案，当然还是有它的好处的，这是所有方案中效率最高的一个。如果你使用的是图片按钮，自然也是可以很协调的。如果我们想要用框架原有的按钮怎么办，这就是本篇文章的重点了。第二种方案先看效果这个方案，要求你对Sencha Touch框架有一定程度的了解，当然，学习它也能让你对这个框架有更深一层的认识。废话不说直接上代码。li 阅读全文