您的位置：首页 > Web前端

Starling Feathers Controls Drawers

2014-09-11 17:10 218 查看

说明：

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.

用法：

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

StartScreen类：
package lft.fctest
{
import feathers.controls.Button;
import feathers.controls.Label;
import feathers.controls.PanelScreen;

import starling.events.Event;

/**
* Author:大飞狼
* Date: 2014-9-11 下午3:52:58
* 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

相关文章推荐

新的分享

章节导航