TabNavigator动态加载Scroller

最新推荐文章于 2024-11-08 12:02:00 发布

wgwxf

最新推荐文章于 2024-11-08 12:02:00 发布

阅读量804

点赞数

CC 4.0 BY-SA版权

分类专栏： flex4 文章标签： datagrid application button library encoding function

本文链接：https://blog.youkuaiyun.com/wgwxf/article/details/8079269

flex4 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用Adobe Flex创建动态Tab导航的示例。通过点击按钮可以为TabNavigator组件动态添加新的NavigatorContent，并且每个Tab包含一个Scroller及DataGrid组件。文章详细展示了如何在运行时动态地创建和配置这些组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="500" minHeight="500"
			   
			   xmlns:component="component.*"
			  >
	<s:layout>
		<s:BasicLayout/>
	</s:layout>


	<fx:Script>
 
		<![CDATA[
			import mx.controls.Button;
			import mx.controls.DataGrid;
			import mx.controls.Label;
			import mx.controls.Text;
			
			import spark.components.Group;
			import spark.components.NavigatorContent;
			import spark.components.Scroller;
			import spark.components.VGroup;
			
			
			private var navigatorContent:NavigatorContent;
			
			protected function button1_clickHandler(event:MouseEvent):void
			{
				navigatorContent = new NavigatorContent();
				navigatorContent.label = "test";
				navigatorContent.width = tabNavigator.width;
				navigatorContent.height = tabNavigator.height;
				tabNavigator.addChild(navigatorContent);
				
				var sc:Scroller=new Scroller();
				
				
				navigatorContent.addElement(sc);
				
				
				sc.width=400;
				
				sc.height=400;
				
				
				var group:VGroup=new VGroup();
				
				
				sc.viewport=group;
				
				var dataGrid:DataGrid = new DataGrid();
				dataGrid.width = 800;
				dataGrid.height = 600;
				group.addElement(dataGrid);
				
				var cont:Label=new Label();
				
				
				
				cont.text="content";
				
				
				
				group.addElement(cont);
			}        </fx:Script>
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	
	<mx:TabNavigator width="100%" height="100%" id="tabNavigator">
	</mx:TabNavigator>
	<s:Button label="lll" click="button1_clickHandler(event)"/>
</s:Application>