摘要：在华为emotion ui 2.0自带的浏览器中，给部分组件设置了圆角后会发现背景仍然是方的，内部边框是圆的，对于这种bug,只需在对应的设置圆角的css样式中加入background-clip: padding-box;即可修复 阅读全文

摘要：这讲我们来讲解下如何使用phonegapa创建项目环境并通过她们将sencha touch打包成app，这里我们只讲解打包android的apk，打包ios的过程有点类似，但是需要在mac环境下，最后通过xcode导出成ipa安装程序； 一、phonegap环境搭建: phonega... 阅读全文

摘要：修改源码文件夹下event/publisher/Dom.js中的attachListener方法,代码如下attachListener: function(eventName, doc) { if (!doc) { doc = document; }... 阅读全文

摘要：由于最近一直忙着android原生的开发，很久没有更新博客了，官方的sencha cmd工具功能非常强大，创建项目，压缩项目，打包安装程序都能轻松实现，这讲我们就给大家介绍下如何使用sencha cmd来打包我们的sencha touch项目， 为了更好地向大家演示如何打包一个sencha t... 阅读全文

摘要：上一讲我们讲解了如何使用官方的api来修改主题样式，这讲我们继续讲解sass的样式修改， 编译官方自带的主题包 在生成的项目以及官方sdk的目录下，自带了一些主题sass包，我们也可以通过修改sass文件来引入他们并进行编译，下图是官方sdk中自带的主题样式包： 我们如何在sass文件中... 阅读全文

摘要：大家知道，sencha touch是通过我们写的js代码来动态渲染单页面生成一个个div+css的html页面来模拟app应用，那么既然是div+css结构的，我们就可以通过修改css样式来自定义我们app的主题跟样式。 在sencha touch中，已经默认提供了一些主题样式，我们可以在下... 阅读全文

摘要：布局用来描述你应用程序中组件的大小和位置，在sencha touch中，为我们提供了下面几种布局： 1.HBox: HBox及horizontal box布局，我们这里将其称为水平布局，下面是一段演示代码： 1 Ext.create('Ext.Container', { 2 fullsc... 阅读全文

摘要：经常有新手同学抱怨说sencha touch的项目加载速度为什么这么慢，经常要10秒左右的时间甚至更多， 大家都知道，sencha touch开发的项目中引用了大量的js文件，当我们打开项目时，st的项目会一个一个地加载这些js文件，这样就造成了项目加载速度慢，如果是web远程访问，还会产生大量的http请求影响加载速度，增加服务器压力。 所以，我们的项目需要使用sencha cmd来进行打包压缩，通过sencha cmd打包压缩的项目，其中引用到的js（app.json中配置的或是项目中通过models、views、controls、requires这些方式引用的js文件）全部合并压... 阅读全文

摘要：对于一个普通用户来说，你的项目就是一组简单的视图集合，用户直接通过跟视图进行交互来操作你的应用，对于一个开发人员来说，视图是一个项目的入口，虽然大部分时候最有价值的部分是在model层和control层，所以这讲，我们将先介绍如何创建和使用我们的视图组件view。 首先，我们来介绍如何创建我们的视图组件， 在sencha touch中，已经封装好了一批在项目中可能常用的视图组件，如列表（list），form表单（formpanel），按钮（button）等等， 在官方example的kitchensink中的interface中，演示了所有的已有组件，地址如下:http://docs... 阅读全文

摘要：昨天无意中在网上看到一篇讲解sencha touch组件选择器的文章，名为Sencha touch 2通过Ext.ComponentQuery.query查找组件。里面对组件选择器的效率讲解完全反了，说getCmp是在dom树中全文查找，效率不高，而ComponentQuery.query()效率比较高，而且该文章被很多文章采集器采集到了很多网站上。 这里有必要纠正下，跟这边文章的描述恰恰相反，在sencha touch的组件查询中getCmp()要比ComponentQuery.query()效率高，为什么呢？ 因为在sencha touch中，当视图组件被实例化的时候，该组件对象会... 阅读全文

摘要：接着上一讲，我们通过一组代码来讲解一下st的类的一些属性： 1 Ext.define("MyConfig",{ 2 config:{ 3 website:"http://127.0.0.1" 4 }, 5 speak: function() { 6 console.log("speak12345"); 7 } 8 }); 9 10 Ext.define("Ext.ux.Util",{11 ... 阅读全文

摘要：在mvc结构的基础上，sencha touch又使用了sencha公司为extjs4开发出来的类系统，在面向对象的编程语言中，类是对对象的定义，它描述了对象所包含的大量属性和方法。跟面向对象语言类似，sencha touch的类提供了继承，依赖加载，mixins，属性方法设置这些强大的功能。 ... 阅读全文

摘要：接着上一讲，通过index.html里development.js对app.json里js资源文件的解析，app.js便被index.html引入了，app.js是整个项目的程序入口，在项目完成时使用sencha cmd打包压缩项目时，默认情况下所有的js文件都会被压缩成一行放置在app.js中，关于项目的打包我们会在后面的课程详细讲解，接下来我们来看下app.js，了解下整个项目是如何通过app.js来进行加载的。 1 //用来实例化Ext.app.Application，这是项目中唯一一个只要创建一次且不需要通过Ext.create来进行实例化的类， 2 //它会在Ext.applic.. 阅读全文

摘要：由于最近项目比较忙，加之还要转战原生开发，所以很久没更新了，今天我们接着上一次的内容往下讲： 首先我们打开index.html，这是我们整个程序的访问入口，也是整个项目的引入地： 1 2 3 4 5 MyFirst 6 52 53 54 55... 阅读全文

摘要：android的webview对硬件加速的支持貌似很不理想，在开启硬件加速的情况下，css3这些需要调用硬件加速的样式会大幅拖慢html5的webapp，在htc的部分手机上还会因开启硬件加速而导致闪屏等现象。 在phonegap 3.0之前，都是用户自己来配置AndroidMainifest.xml文件，可能都没注意到这一点，在phonegap 3.0+之后，phonegap项目的创建都是通过phonegap的command line指令来创建生成的，在生成的项目中，phonegap对项目默认开启了强制硬件加速，这时，sencha touch的项目中的带动画的页面切换时会调用系统的gp... 阅读全文

摘要：做sencha touch有一段时间了，目前而言，sencha touch在android上问题比较严重，在此对android中sencha touch的问题做一些汇总：1.内存问题： 打包成安装程序的sencha touch由于是将其封装在了webview中，因此，内存的占用注定是个瓶颈，几乎不... 阅读全文

摘要：http://icomoon.io/app/ 可以选择跟简单调整图标打包成css3 字体下载，http://www.flaticon.com/categories/weapons 阅读全文

摘要：http://www.genymotion.cn/这里是下载地址，下载的时候会要求输入邮箱并注册，这个邮箱尽量用网易这类的邮箱，我试过qq邮箱无法收到验证邮件，程序下载安装完成后，打开客户端选择设备要登陆账号密码，这个账号密码就是你填写注册的邮箱，记住，账号密码一定要在邮箱激活后才能使用，有部门邮箱可能收不到激活邮件，可以试试163这些 阅读全文

摘要：这个问题应该算是phonegap的一个bug，在mainifest.xml 里android:windowSoftInputMode设置成了adjustpan，理论上不会出现遮挡悬停组件这种情况，不过phonegap的config.xml里fullscreen设置成true的时候这个属性就失效了，不管设置成什么都无效，所以目前的解决方案是将phonegap创建的项目里的config.xml的fullscreen设置成false，问题即可解决一般推荐不太需要软键盘的软件使用全屏模式，如游戏这类需要增加用户体验的，fullscreen设置成false也仅仅是显示顶部的电池、信号等状态，并不太会影响 阅读全文

摘要：（急着解决问题的同学可以直接跳最底部查看最终的解决方案）　问题描述 因为前段时间抢到了华为荣耀3c，所以做项目的时候就用荣耀3c测试了一下项目， 结果发现在华为的emotion ui上sencha touch的messagebox的弹窗，弹出后点击确认按钮时无法隐藏， 有的圆角框还有会缺边，... 阅读全文