Flex中TabNavigator设置Tabs样式思路及源码

随心笔谈4个月前更新 admin
193 00
🌐 经济型:买域名、轻量云服务器、用途:游戏 网站等 《腾讯云》特点:特价机便宜 适合初学者用 点我优惠购买
🚀 拓展型:买域名、轻量云服务器、用途:游戏 网站等 《阿里云》特点:中档服务器便宜 域名备案事多 点我优惠购买
🛡️ 稳定型:买域名、轻量云服务器、用途:游戏 网站等 《西部数码》 特点:比上两家略贵但是稳定性超好事也少 点我优惠购买

文章摘要

这篇文章介绍了使用Flex MX(MX)语言绑定学生和教师数据到Flex组件中的方法。文章展示了如何通过定义两个数据绑定数组(`studentArray` 和 `teacherArray`)来存储学生和教师的数据,并将其绑定到`TabNavigator`组件中。每个数组包含学号和成绩(如数学成绩和语文成绩),并根据预先定义的样式显示在不同的颜色下。文章还详细说明了如何在Flex MX脚本中使用`mx|TabNavigator`组件来展示绑定的数据。

xmlns:s=”library://ns.adobe.com/flex/spark”

xmlns:mx=”library://ns.adobe.com/flex/mx”

width=”100%” height=”100%”

>

@namespace s “library://ns.adobe.com/flex/spark”;

@namespace mx “library://ns.adobe.com/flex/mx”;

.myTabs{

color:#FFFFFF;

font-weight:bold;

background-color:#6495ED;

}

.myTextTabs{

color:#8B0000;

background-color:#97FFFF;

font-weight:bold;

}

mx|TabNavigator{

tab-style-name:”myTabs”;

first-tab-style-name:”myTabs”;

last-tab-style-name:”myTabs”;

selected-tab-text-style-name:”myTextTabs”;

}

import mx.collections.ArrayCollection;

[Bindable]

//学生数据绑定

private var studentArray:ArrayCollection=new ArrayCollection([

{sno:”2013010101″,math:”96″},

{sno:”2013010102″,math:”89″},

{sno:”2013010103″,math:”87″},

{sno:”2013010104″,math:”90″},

{sno:”2013010105″,math:”78″},

{sno:”2013010106″,math:”69″},

{sno:”2013010107″,math:”92″},

{sno:”2013010108″,math:”80″},

{sno:”2013010109″,math:”60″},

{sno:”2013010110″,math:”89″}

]);

[Bindable]

//教师数据绑定

private var teacherArray:ArrayCollection=new ArrayCollection([

{tno:”2013010101″,tscore:”96″},

{tno:”2013010102″,tscore:”99″},

{tno:”2013010103″,tscore:”77″},

{tno:”2013010104″,tscore:”70″},

{tno:”2013010105″,tscore:”98″},

{tno:”2013010106″,tscore:”79″},

{tno:”2013010107″,tscore:”82″},

{tno:”2013010108″,tscore:”70″},

{tno:”2013010109″,tscore:”80″},

{tno:”2013010110″,tscore:”79″}

]);

]]>

© 版权声明

相关文章