Return to Snippet

Revision: 43643
at March 28, 2011 21:35 by mcorlan


Updated Code
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
		xmlns:s="library://ns.adobe.com/flex/spark" title="Second View"
		viewActivate="viewActivateHandler(event)" 
                xmlns:mx="library://ns.adobe.com/flex/mx">
	<fx:Script>
		<![CDATA[
			import mx.events.FlexEvent;
			
			import qnx.ui.buttons.BackButton;
			import qnx.ui.skins.buttons.BackButtonSkinBlack;
			import qnx.ui.skins.buttons.BackButtonSkinWhite;

			private function viewActivateHandler(event:FlexEvent):void {
				var backBtn:BackButton = new BackButton();
				backBtn.x = 10;
				backBtn.y = 20;
				backBtn.setSkin(BackButtonSkinBlack);
				backBtn.label = "Go Back";
				backBtn.addEventListener(MouseEvent.CLICK, onClick, false,
                                     0, true);
				wrapper.addChild(backBtn);
			}
			
			private function onClick(e:MouseEvent):void {
				navigator.popView();
			}

		]]>
	</fx:Script>
	
	<s:navigationContent>
		<mx:UIComponent id="wrapper" width="120" height="100%"/>
	</s:navigationContent>
</s:View>

Revision: 43642
at March 28, 2011 21:28 by mcorlan


Initial Code
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
		xmlns:s="library://ns.adobe.com/flex/spark" title="Second View"
		viewActivate="viewActivateHandler(event)" xmlns:mx="library://ns.adobe.com/flex/mx">
	<fx:Script>
		<![CDATA[
			import mx.events.FlexEvent;
			
			import qnx.ui.buttons.BackButton;
			import qnx.ui.skins.buttons.BackButtonSkinBlack;
			import qnx.ui.skins.buttons.BackButtonSkinWhite;

			private function viewActivateHandler(event:FlexEvent):void {
				var backBtn:BackButton = new BackButton();
				backBtn.x = 10;
				backBtn.y = 20;
				backBtn.setSkin(BackButtonSkinBlack);
				backBtn.label = "Go Back";
				backBtn.addEventListener(MouseEvent.CLICK, onClick, false, 0, true);
				wrapper.addChild(backBtn);
			}
			
			private function onClick(e:MouseEvent):void {
				navigator.popView();
			}

		]]>
	</fx:Script>
	
	<s:navigationContent>
		<mx:UIComponent id="wrapper" width="120" height="100%"/>
	</s:navigationContent>
</s:View>

Initial URL
http://corlan.org/2011/03/28/creating-playbook-apps-with-flex-and-qnx-ui-components/

Initial Description


Initial Title
PlayBook development: Flex and QNX UI component example

Initial Tags
Flex

Initial Language
ActionScript 3