View Stack + TabBar 校验

最新推荐文章于 2025-06-06 18:00:00 发布

dpwangyanli

最新推荐文章于 2025-06-06 18:00:00 发布

阅读量90

点赞数

分类专栏： Flex 文章标签： ViewStack TabBar 校验

Flex 专栏收录该内容

61 篇文章

订阅专栏

本文详细介绍了如何在程序中利用viewStack和tabBar进行导航，并实现了一个关键的功能：在导航到下一个视图之前，通过校验当前视图的内容来确保操作的有效性。如果校验未通过，则保持用户在当前视图中，避免了不必要的跳转。通过实例代码展示了这一过程，包括事件监听、属性检查和条件判断，旨在提高用户体验和系统稳定性。

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

程序中用到view Stack + tabBar导航的导航的应该不好，如果想校验viewStack的内容然后再导航的下一个，如果没有校验通过就留在当前的viewStack。

<?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="955" minHeight="600">
	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.events.CollectionEvent;
			import mx.events.CollectionEventKind;
			
			import spark.events.IndexChangeEvent;
			
			protected function viewMenu_changeHandler(event:IndexChangeEvent):void
			{
				if(!((viewStack.getChildAt(event.oldIndex) as Canvas).getChildAt(0) as CheckBox).selected)
				{
					viewStack.selectedIndex = event.oldIndex;
					tabBar.selectedIndex = event.oldIndex;
					tabBar.dataProvider.dispatchEvent(new CollectionEvent(CollectionEvent.COLLECTION_CHANGE,false,false,CollectionEventKind.REFRESH));
					tabBar.mx_internal::setSelectedIndex(event.oldIndex,true);
					tabBar.mx_internal::_selectedIndex = event.oldIndex;
					Alert.show("It doesn't pass");
				}
			}
			
		]]>
	</fx:Script>
	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
	<s:TabBar id="tabBar" x="10" y="40" dataProvider="{viewStack}" change="viewMenu_changeHandler(event)"/>
	<mx:ViewStack id="viewStack" borderStyle="solid" width="100%" height="100%">
		<mx:Canvas id="search" backgroundColor="#FFFFCC" label="Search" width="100%" height="100%">
			<s:CheckBox label="pass"/>
		</mx:Canvas>
		<mx:Canvas id="custInfo" backgroundColor="#CCFFFF" label="Customer Info" width="100%" height="100%">
			<s:CheckBox label="pass"/>
		</mx:Canvas>
		<mx:Canvas id="accountInfo" backgroundColor="#FFCCFF" label="Account Info" width="100%" height="100%">
			<s:CheckBox label="pass"/>
		</mx:Canvas>
	</mx:ViewStack>            
</s:Application>