Starling Feathers Controls Drawers

说明：

The Drawers class provides a container that supports main content in the center with “drawers”, or slide-out menus, that may be opened and closed with a gesture around all four edges. Drawers may also be docked to remain open at all times, or based on the stage orientation. Drawers may be opened by listening to an event from the main content, such as one triggered by a button press.

用法：

<span style="white-space:pre">      </span>private var _drawersList:List;
<span style="white-space:pre">     </span>private var _drawersNavigator:ScreenNavigator
<span style="white-space:pre">     </span>private function testDrawers():void
<span style="white-space:pre">     </span>{
<span style="white-space:pre">         </span>_drawersNavigator = new ScreenNavigator();
<span style="white-space:pre">         </span>_drawersNavigator.addScreen( "start", new ScreenNavigatorItem( StartScreen ) );
<span style="white-space:pre">         </span>_drawersNavigator.addScreen( "options", new ScreenNavigatorItem( OptionsScreen ) );
<span style="white-space:pre">         </span>_drawersNavigator.showScreen( "start" );
<span style="white-space:pre">         </span>
<span style="white-space:pre">         </span>_drawersList = new List();
<span style="white-space:pre">         </span>_drawersList.dataProvider = new ListCollection(
<span style="white-space:pre">             </span>[
<span style="white-space:pre">                 </span>{ screen: "start", label: "Start" },
<span style="white-space:pre">                 </span>{ screen: "options", label: "Options" },
<span style="white-space:pre">             </span>]);
<span style="white-space:pre">         </span>_drawersList.selectedIndex = 0;
<span style="white-space:pre">         </span>_drawersList.addEventListener( Event.CHANGE, list_changeHandler );
<span style="white-space:pre">         </span>
<span style="white-space:pre">         </span>var drawers:Drawers = new Drawers();
<span style="white-space:pre">         </span>drawers.content = _drawersNavigator;
<span style="white-space:pre">         </span>drawers.leftDrawer = _drawersList;
<span style="white-space:pre">         </span>drawers.leftDrawerToggleEventType = Event.OPEN;
<span style="white-space:pre">         </span>this.addChild( drawers );
//<span style="white-space:pre">           </span>drawers.toggleLeftDrawer();
<span style="white-space:pre">     </span>}
<span style="white-space:pre">     </span>private function list_changeHandler(e:Event):void
<span style="white-space:pre">     </span>{
<span style="white-space:pre">         </span>var screen:String = _drawersList.selectedItem.screen;
<span style="white-space:pre">         </span>_drawersNavigator.showScreen( screen );
<span style="white-space:pre">     </span>}

StartScreen类：

package lft.fctest
{import feathers.controls.Button;import feathers.controls.Label;import feathers.controls.PanelScreen;import starling.events.Event;/*** Author:大飞狼* <br>Date: 2014-9-11 下午3:52:58* <br>Synopsis:*/public class StartScreen extends PanelScreen{public function StartScreen(){super();}override protected function initialize():void{super.initialize();this.headerProperties.title = "Start";var label:Label=new Label();label.text="从左往右拖动左边可打开导航";addChild(label);var button:Button=new Button();button.x=100;button.y=100;button.addEventListener(Event.TRIGGERED,buttonTriggered);button.label="打开导航";this.addChild(button);}private function buttonTriggered(e:Event):void{dispatchEventWith(Event.OPEN);}}
}

OptionsScreen类和StartScreen一样

效果：

更多说明参考：

http://wiki.starling-framework.org/feathers/drawers

Starling Feathers Controls Drawers相关推荐

Starling Feathers Controls Screen
说明: The ScreenNavigator component can display any Feathers control as a screen. However, using the S ...
Starling Feathers Controls PickerList
说明: The PickerList class displays a Button that may be triggered to show a pop-up List. The way that ...
Starling Feathers Controls ImageLoader
说明: 加载一个图片并显示,也可以显示现有的材质中的图片. 示例: 加载图片 private function testImageLoader():void <span style=" ...
Starling Feathers Controls ButtonGroup
说明: 一组在布局上相关联的按钮. 用法: private function testButtonGroup():void{var group:ButtonGroup = new ButtonGrou ...
Starling Feathers Controls PageIndicator
说明: The PageIndicator component displays a series of symbols, with one being highlighted, to show th ...
Starling Feathers Controls Label
说明: 显示文字. 示例: var label:Label = new Label();label.text = "Hello World";label.x=100;label.y ...
Starling Feathers Controls ProgressBar
说明: 进度条. 示例: var progress:ProgressBar = new ProgressBar();progress.minimum = 0;progress.maximum = 10 ...
关于对FLASH开发，starling、starling feathers、starling MVC框架的理解
说在前头:楼主之前没有不论什么flash开发经验,仅仅是从一次尝试中总结自己的理解和经验而已.假设有写的不正确的地方,欢迎大家指正. 前一段时间尝试想用flash(as3)又一次制作一下之前做的一个游 ...
Starling Feathers：Starling专属UI框架
来自Starling中文站 http://www.starlinglib.com/wiki/News:Starling_Feathers 目录 [隐藏] 1 Feathers类库(即原Foxhole) ...

Starling Feathers Controls Drawers

Starling Feathers Controls Drawers相关推荐

最新文章

热门文章