网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

如何利用Flash Builder4.0创建VDividedBox

时间:2024-10-23 20:50:54

1、首先,在新建的Flex项目下的src中的默认包下新建Flex应用程序“VDividedBox.mxml”,如下图所示:

如何利用Flash Builder4.0创建VDividedBox

2、在Flex应用程序中,插入<mx:VDividedBox width="100%" height="100%"></mx:VDividedBox>如下图所示:

如何利用Flash Builder4.0创建VDividedBox

3、在VDividedBox添加两个HBox<mx:HBox width="100%" height="50%" borderColor="0x00FF00" borderStyle="solid" borderVisible="true"></mx:HBox><mx:HBox width="100%" height="50%" borderColor="0x0000FF" borderStyle="solid" borderVisible="true"></mx:HBox>如下图所示:

如何利用Flash Builder4.0创建VDividedBox

4、为了区别不同的模块,再在每个HBox添加Accordion<mx:Accordion width="100%" height="100%"> </mx:Accordion>如下图所示:

如何利用Flash Builder4.0创建VDividedBox

5、在每个Accordion添加三个NavigatorContent<mx:Accordion width="100%" height="100%"> <s:NavigatorContent label="AAAA" width="100%" height="100%"> </s:NavigatorContent> <s:NavigatorContent label="BBBB" width="100%" height="100%"> </s:NavigatorContent> <s:NavigatorContent label="CCCC" width="100%" height="100%"> </s:NavigatorContent> </mx:Accordion><mx:Accordion width="100%" height="100%"> <s:NavigatorContent label="aaaa" width="100%" height="100%"> </s:NavigatorContent> <s:NavigatorContent label="bbbb" width="100%" height="100%"> </s:NavigatorContent> <s:NavigatorContent label="cccc" width="100%" height="100%"> </s:NavigatorContent> </mx:Accordion>如下图所示:

如何利用Flash Builder4.0创建VDividedBox

6、运行Flex应用程序,如下图所示:

如何利用Flash Builder4.0创建VDividedBox
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com