Flash - iPhone Touchscreen App I

Für alle die etwas iPhone-Feeling auf ihrer Website oder Flashanwednung bringen wollen hab ich hier einen kleinen ActionScript Code der das hin und her schieben von Inhalten simuliert.

In meinem Beispiel kann man mit einem “Klick” und einer Mausbewegung die Bilder nach links und rechts verschieben. Statt Bilder kann man natürlich auch andere Inhalte benutzen und statt eines Handy können auch andere Hintergründe verwendet werden.

Download: Flash - iPhone Touchscreen App I (129) - 431.76 KB

Für die Tweens wird MC Tween genutzt

ActionScript Code:

#include "mc_tween2.as"
var contentmc:MovieClip = _root.mc; // der MovieClip der unter der Maske liegt
var singleWidth:Number = 219; // die Breite der Maske bzw. eines einzelnen Contents
var minMouseMove:Number = 30;  // empfindlichkeit der Mausbewegung

var mousedown:Boolean = false;
var currentMouse:Number;
var startpos:Number = contentmc._x - 5;
var currentpos:Number = contentmc._x;

var mouseListener:Object = new Object();
	mouseListener.onMouseDown = function() {
		mousedown = true;
		currentMouse = _root._xmouse;
	}

	mouseListener.onMouseUp = function() {
		mousedown = false;
	}

	mouseListener.onMouseMove = function() {
		if(mousedown == true) {
			if (_root._xmouse < (currentMouse-minMouseMove) && currentpos > (startpos - contentmc._width)+250) {
				currentpos -= singleWidth;
				contentmc.xSlideTo (currentpos, 1, "easeOutExpo");
				mouseListener.onMouseUp();
			}

			if (_root._xmouse > (currentMouse+minMouseMove) && currentpos < startpos) {
				currentpos += singleWidth;
				contentmc.xSlideTo (currentpos, 1, "easeOutExpo");
				mouseListener.onMouseUp();
			}
		}
	}

Mouse.addListener(mouseListener);

Das ist nur eine erste einfache Variante, ich denke Erweiterungen werden folgen ;)