最新版本号[免费下载]

第二季 第三讲 SenchaTouch 常用布局详解 Tab面板详解 面板页面跳转 ... ...

作者:本站编辑 发布时间:2015-11-24 来源:本站原创 点击数:

1. Sencha Touch常用布局
面板中布局的 属性 layout 常见的几种布局方式:

1. 盒布局(垂直布局vbox,水平布局hbox) (常用)
flex重要属性
容器的宽度=(flex配置的宽度/flex配置选项的总和)X 浏览器的宽度
如 一共有俩个panel 第一个的flex=1 第二个flex=3 那么 第一个panel的宽度为 1/4的浏览器宽度 第二个panel的宽度为 3/4的浏览器宽度

2. Fit 布局 (用的不多)
父容器应该只有一个子组件的时候起作用,子组件的尺寸自动扩展为父容器面板尺寸
3. Card 布局 (最常用)
Tab面板组件默认就是Card布局
4. 默认布局 default

2. Sencha Touch Tab面板详解

Sencha Touch Tab面板详解


3. Sencha Touch 面板页面跳转
跳转的代码:
Ext.ComponentQuery.query('#MyPanel')[0].setActiveItem(1);



本文责任编辑: 加入会员收藏夹 点此参与评论>>
复制本网址-发给QQ/微信上的朋友
AI智能听书
选取音色