Starling Feathers Controls ScreenNavigator

原创于 2014-09-12 15:42:53 发布 · 669 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Starling #Feathers #Controls #ScreenNavigator

AS3 同时被 3 个专栏收录

23 篇文章

订阅专栏

Starling

21 篇文章

订阅专栏

Feathers

21 篇文章

订阅专栏

本文介绍ScreenNavigator类在应用中显示屏幕或菜单的强大系统，并演示如何通过事件导航在不同屏幕间切换。提供了MenuScreen和OptionsScreen两个示例代码，展示如何创建按钮触发事件，实现界面间的跳转。

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

说明：

The ScreenNavigator class offers a powerful system for displaying screens or menus in your application and navigating between them. It supports navigation based on events (or as3-signals, if you prefer), and it can inject properties into screens as they are shown.

示例：

var navigator:ScreenNavigator = new ScreenNavigator();
			navigator.addScreen( "start", new ScreenNavigatorItem( MenuScreen) );
			navigator.addScreen( "options", new ScreenNavigatorItem( OptionsScreen) );
			this.addChild( navigator );
			
			navigator.showScreen( "start" );
			navigator.addEventListener("showOptions",showOptions);
			function showOptions(e:Event):void{
				navigator.showScreen("options");
			}

MenuScreen代码：

package lft.fctest
{
	import feathers.controls.Button;
	import feathers.controls.Screen;
	
	import starling.events.Event;
	
	/**
	 * Author:大飞狼
	 * <br>Date: 2014-9-12 下午3:30:30
	 * <br>Synopsis:
	 */
	public class MenuScreen extends Screen
	{
		public function MenuScreen()
		{
			super();
		}
		override protected function initialize():void{
			var button:Button=new Button();
			button.label="点击切换到options";
			addChild(button);
			button.addEventListener(Event.TRIGGERED,buttonTriggered);
		}
		
		private function buttonTriggered(e:Event):void
		{
			dispatchEventWith("showOptions",true);
		}
	}
}

OptionsScreen代码

package lft.fctest
{
	import feathers.controls.PanelScreen;
	
	/**
	 * Author:大飞狼
	 * <br>Date: 2014-9-11 下午3:53:42
	 * <br>Synopsis:
	 */
	public class OptionsScreen extends PanelScreen
	{
		public function OptionsScreen()
		{
			super();
	
		}
		override protected function initialize():void
		{
			super.initialize();
			this.headerProperties.title = "Options";
		}
	}
}

效果：