• 【设为首页】
  • 【收藏闪客居】
当前位置：主页>Flex>文章内容
  • Flex的如何设置TabBar中tab的水平位置的例子
  • 来源：blog.minidx.com 作者：minidxer 2008-03-25 【大 中小】

下面的例子展示了如何通过设置horizontalAlign风格来指定Flex中TabBar控件中Tab的水平位置。

下面是完整代码：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Style>
  8.         TabBar {
  9.             tabStyleName: myCustomTabStyleName;
  10.             selectedTabTextStyleName: myCustomSelectedTabTextStyleName;
  11.         }
  12.  
  13.         .myCustomTabStyleName {
  14.             fillColors: haloBlue, haloGreen;
  15.             fillAlphas: 1.0, 1.0;
  16.         }
  17.  
  18.         .myCustomSelectedTabTextStyleName {
  19.             color: white;
  20.         }
  21.     </mx:Style>
  22.  
  23.     <mx:Array id="arr">
  24.         <mx:Object label="Button" />
  25.         <mx:Object label="ButtonBar" />
  26.         <mx:Object label="ColorPicker" />
  27.         <mx:Object label="ComboBox" />
  28.     </mx:Array>
  29.  
  30.     <mx:ApplicationControlBar dock="true">
  31.         <mx:Form styleName="plain">
  32.             <mx:FormItem label="horizontalAlign:">
  33.                 <mx:ComboBox id="comboBox">
  34.                     <mx:dataProvider>
  35.                         <mx:Array>
  36.                             <mx:Object label="left" />
  37.                             <mx:Object label="center" />
  38.                             <mx:Object label="right" />
  39.                         </mx:Array>
  40.                     </mx:dataProvider>
  41.                 </mx:ComboBox>
  42.             </mx:FormItem>
  43.         </mx:Form>
  44.     </mx:ApplicationControlBar>
  45.  
  46.     <mx:Box backgroundColor="black">
  47.         <mx:TabBar id="tabBar"
  48.                 dataProvider="{arr}"
  49.                 width="500"
  50.                 tabWidth="100"
  51.                 tabHeight="40"
  52.                 horizontalAlign="{comboBox.selectedItem.label}"
  53.                 direction="horizontal" />
  54.     </mx:Box>
  55.  
  56. </mx:Application>
原文作者：Peter deHaan 翻译：minidxer




上一篇：Flex教程-使用行为   下一篇：【Flex开发框架】Cairngorm的学习笔记
最新评论
  • 用户名：（新注册） 密码： 匿名评论
  • 评论内容：(不能超过250字，需审核后才会公布，请自觉遵守互联网相关政策法规)
·在Flex 3中创建3D产品查看器 ·Flex sdk4 ( 代号 Gumbo ) 下载
·如何创建简单的Flex模块(module)的 ·Flex 之旅(一)寻找 web 开发的最佳
·通过Ruboss让Flex与Rails完美结合 ·开始使用Flex Mate 框架
·flex制作一个用户登录框(含验证码) ·Flex 与 Servlet 通讯（上）
·使用 PHP 和 Flex 构建仪表板 ·用FLEX实现屏幕快照及下载
推荐内容
·Flex 4 SDK Downloads(下载)
·Adobe Photoshop Express 上线
·Flex 3 和AIR 1.0 发布
·Flex 3 b1 相关资源
辅助软件
·Sothink FLV Converter 1.0 - FLV 视频转换
·Flash实时调试器分享下载 — AGE Live Debu
·支持Actionscript 3.0 的UML工具
·正则表达测试工具(RegexTestTool)
·AS3.0(ActionScript3.0)的开发工具
·ThunderBoltAS3-Flex/Flash调试器
·分享两个as3代码混淆器
·AIR开发的as3 swf加密工具(测试还不错)
·SWF Encrypt 5.0 Beta下载试用
·生成flash的set get代码的小工具
·实用的flex 矢量转换程序
·实用的flex 矢量转换程序
FLASH源文件
·Flash Xml 作品展示分类分页带简介功能
 ·FLASH 做的简易画板 (AS2.0)
·A*寻路算法
 ·Airmp3播放器
·音乐玩伴
 ·苹果菜单
·扫雷游戏
 ·涂鸦中的橡皮功能
·常用图片滑行放大展示(as3.0)
 ·拼图游戏(as3.0)
·flash+jsp留言本
 ·韩式菜单
·树形展开菜单
 ·MC连线缓动演示
·轮播图片百叶窗遮罩效果
 ·横向滚动菜单
·电波IE浏览器flex源码
 ·分时秒倒计时闹钟

Copyright © 2006-2008 flashas.net All Rights Reserved.
网站内容咨询： admin#flashas.net （#为@） 联系QQ：：40777822 浙ICP备06033001号
（本网站最佳浏览解析度为1024*768, 建议使用IE 6.0或以上版本浏览器。）