PhoneGap中文网

 找回密码
 立即注册

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

2014-2-20 21:02| 发布者: admin| 查看: 4120| 评论: 0

摘要: 1. Sencha Touch常用布局面板中布局的 属性 layout 常见的几种布局方式:1. 盒布局(垂直布局vbox,水平布局hbox) (常用)flex重要属性容器的宽度=(flex配置的宽度/flex配置选项的总和)X 浏览器的宽度如 一共有 ...
本教程为赞助视频教程,只有赞助会员才可以下载此视频教程

详情请看:
http://bbs.phonegap100.com/thread-296-1-1.html

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);



头晕

难过
1

扯淡

不解

搞笑

支持

超赞

欠扁

刚表态过的朋友 (1 人)

相关阅读

最新评论

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-3-28 20:36 , Processed in 0.030935 second(s), 20 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部