Sencha-组件-TabPanels(选项卡面板)（官网文档翻译19）

Sencha-组件-TabPanels(选项卡面板)（官网文档翻译19）

选项卡面板是一个伟大的方式，让用户之间进行切换都是全屏的几页。的标签面板中的每个组件都有自己的选项卡，其中显示的组件时，拍了拍。标签可以放置在顶部或底部的选项卡面板，可以有选择地接受标题和图标的配置。

下面是我们如何可以建立一个简单的标签面板底部的标签。使用控件在左上方的例子代码模式之间进行切换和实时预览模式（你也可以编辑代码，看看你在实时预览的变化）：

 

 

 

一个选项卡创建项阵列中定义的每一个的面板。每个选项卡会自动定义项目配置使用的标题和图标，切换到该项目时，拍了拍。我们也可以定位标签栏在顶部，这使得我们Tab平板是这个样子的：

 

 

 

动画

选项卡面板有一个默认的幻灯片动画，所以当你点击一个选项卡，将将新的项目进入视野。TabPanel中使用了卡布局内部，我们可以通过指定布 ​​局的动画配置-在这种情况下，使用“淡入淡出”：

 

posted on 2012-12-26 23:14 CW.Liu 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/cheman/archive/2012/12/26/2834925.html