Carousel插件代码: /* * TabPanel的Carousel功能插件 * 取至 * https://github.com/VinylFox/Ext.ux.touch.SwipeTabs */ Ext.define('ux.plugin.SwipeTabs', { alias: 'plugin.swipetabs', xtype: 'swipetabs', config: { cmp: null, //是否循环滚动 allowOverflow: false, animation: {…

在2.3/2.4版本中,新版谷歌浏览器(43.44版本)里面painted事件是不会触发的,以及carousel 控件.togglefield控件.滚动条失效,官方的解决方案如下,测试可用 会出现这个问题是因为st开发人员忽略了以下警告造成的 在app.js中执行以下代码即可,放到launch方法里面哦. Ext.override(Ext.util.SizeMonitor, { constructor: function (config) { var namespace = Ext.util.s…

先上图看效果 没错,这是一个sencha touch 项目,而这里的右边推出效果(下文叫做tabsiderbar),使用插件tabsiderbar来扩展的. 插件js下载地址:http://www.m-gd.com/sencha-touch-sidebar-component/ 这里的插件实现的效果为:工具栏点击,从左边open半个页面出来 而我们如果我们要使这个页面从邮编出来怎么办呢? 这里我将Siderbar.js中扩展了一下,具体如下(这里只贴扩展后的代码和主要思路): 1,给indica…

基于sencha touch 2.2所写 代码: /* *模仿tabpanel导航栏 */ Ext.define('ux.TabBar', { alternateClassName: 'tabBar', extend: 'Ext.Toolbar', xtype: 'tabBar', config: { docked: 'bottom', cls: 'navToolbar', layout: { align: 'stretch' }, defaults: { flex: 1 }, //被选中的按钮…

这篇文章介绍了sencha touch 模仿tabpanel导航栏TabBar的实例代码,有需要的朋友可以参考一下 基于sencha touch 2.2所写 效果图: 代码: /* *模仿tabpanel导航栏 */ Ext.define('ux.TabBar', {     alternateClassName: 'tabBar',     extend: 'Ext.Toolbar',     xtype: 'tabBar',     config: {         docked: 'bo…

最新版本我将会放在:http://www.cnblogs.com/mlzs/p/3382229.html这里的示例里面,这里不会再做更新 代码: /* *模仿且改进NavigationView *返回时自动销毁视图,节约内存 */ Ext.define('ux.CardPanel', { extend: 'Ext.Container', xtype: 'cardPanel', requires: ['Ext.TitleBar'], config: { //顶部导航条 navBar: { dock…

常规的Sencha touch 应用都是"header content footer"结构,这样的结构无疑将使用TabPanel来实现,而且TabPanel肯定是card布局,这样就会如果要实现"view"之间的跳转,animateActiveItem()方法将被使用, 但是通过st的源码 animateActiveItem: function(activeItem, animation) { var layout = this.getLayout(), defau…

笔者在做sencha项目的时候碰到一个需求,就是"好友列表"中分为"未确认好友"和"已确认好友",两个都是一个list,自然想到的就是使用tabpanel来实现. 但是在sencha touch的开发使用过程中,我们总是会碰到不给高度就不显示的问题,非常之恼火,浪费我大把时间研究 笔者在开发这个需求的时候也碰到了,下来就分享一下方案吧: 1,先来看看有问题的方案,以下是代码: Ext.define("mine.view.ListFrie…

sencha touch 2.2.1 这个版本使用了新的按钮模式,不过他只提供了少部分的按钮样式.我们可以加一些自定义的ico样式 新加ico样式lower .x-button .x-button-icon.lower:before { position:absolute; ; ; ; ; text-align:center; font-family:"Pictos"; content:"_"; } 以在list中使用示例 Ext.define('app.view.…

android的webview对硬件加速的支持貌似很不理想,在开启硬件加速的情况下,css3这些需要调用硬件加速的样式会大幅拖慢html5的webapp,在htc的部分手机上还会因开启硬件加速而导致闪屏等现象. 在phonegap 3.0之前,都是用户自己来配置AndroidMainifest.xml文件,可能都没注意到这一点,在phonegap 3.0+之后,phonegap项目的创建都是通过phonegap的command line指令来创建生成的,在生成的项目中,phonegap对项目默认…