Actionscript 3 y Flex 4 desplazan TileList con toque

actionscript-3 flash

Question

Estoy atascado en un problema con Adobe Flex 4 y ActionScript 3.

Tengo una TileList en Flex 4 así:

<mx:TileList id="myList" change="test(event)" paddingLeft="28" width="1080" wordWrap="true" height="1420" rowHeight="475" columnWidth="350" dataProvider="{floorPlans}" itemRenderer="FloorplanItems" selectionColor="#ffffff" rollOverColor="#ffffff">
</mx:TileList>

Y estoy tratando de hacer que se pueda desplazar con el tacto, ya que esto va en una pantalla táctil, he intentado dos formas diferentes de hacer esto desplazable con el tacto, uno envolviéndolo con la chispa desplazable de esta manera:

<s:Scroller>
<s:Group>
<mx:TileList id="myList" change="test(event)" paddingLeft="28" width="1080" wordWrap="true" height="1420" rowHeight="475" columnWidth="350" dataProvider="{floorPlans}" itemRenderer="FloorplanItems" selectionColor="#ffffff" rollOverColor="#ffffff">
</mx:TileList>
</s:Group>
</s:Scroller>

Pero cuando pruebo en mi pantalla táctil, no pasa nada.

El otro enfoque era agregar un detector de eventos TransformGestureEvent.GESTURE_SWIPE como este:

<mx:Script>
<![CDATA[
import flash.ui.Multitouch;
import flash.ui.MultitouchInputMode;
Multitouch.inputMode = MultitouchInputMode.GESTURE;
import flash.events.Event;
public function init(): void
{
trace("here");
myList.addEventListener(TransformGestureEvent.GESTURE_SWIPE, onSwipe);
}
public function onSwipe (e:TransformGestureEvent):void{
if (e.offsetY == 1) {
//User swiped towards bottom
myList.y += 100;
}
if (e.offsetY == -1) {
//User swiped towards top
myList.y -= 100;
}
}
]]>
</mx:Script>

Pero, de nuevo, esto no hace nada ... Me estoy quedando sin ideas ... ¿cómo puedo hacer que mi TileList se pueda desplazar con el tacto?

Answer 1

Debe usar el atributo interactionMode:

<mx:TileList interactionMode="touch"/>

Los valores posibles son "touch" o "mouse". Como los componentes Spark son más nuevos y están diseñados específicamente para el rendimiento móvil, se recomienda utilizar <s:List/> lugar de <mx:TileList /> .