carly31
2/2/2016 - 6:00 AM

Gestures in Flex

<?xml version="1.0" encoding="utf-8"?>
<s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
							xmlns:s="library://ns.adobe.com/flex/spark" 
							firstView="views.HomeView" initialize="init()"
							gestureSwipe="handleSwipe(event)">
	
	<fx:Script>
		<![CDATA[
			import spark.transitions.SlideViewTransition;
			import spark.transitions.ViewTransitionDirection;
			import views.NextView;
			import views.PreviousView;
			
			private function init():void {
				this.addEventListener(TransformGestureEvent.GESTURE_SWIPE, handleSwipe);
			}
			
			private function handleSwipe(event:TransformGestureEvent):void {
				var transition:SlideViewTransition = new SlideViewTransition();
				// swipe was to the right
				if (event.offsetX == 1) {
					// push PreviousView without any data using default ViewTransition
					transition.direction = ViewTransitionDirection.RIGHT;
					transition.duration = 300;
					navigator.pushView(PreviousView, null, null, transition);
				}
				// swipe was to the left
				else if (event.offsetX == -1) {
					// push the NextView without any data
					transition.direction = ViewTransitionDirection.LEFT;
					transition.duration = 300;
					navigator.pushView(NextView, null, null, transition);
				}
				
			}
		]]>
	</fx:Script>
</s:ViewNavigatorApplication>