swipe & select multiple items

Shaun_Max

I have a LayoutGroup with horizontal layout.

I want to give the player the ability to swipe & select multiple cards like this :

currently the player has to select cards individually.

this is the code I wrote based on my understanding but its not working :

layoutGroup.addEventListener(TouchEvent.TOUCH, touchHandler);

private function touchHandler(event:TouchEvent):void {
        var touch_began:Touch = event.getTouch(stage, TouchPhase.BEGAN);
        var touch_moved:Touch = event.getTouch(stage, TouchPhase.MOVED);
        var touch_ended:Touch = event.getTouch(stage, TouchPhase.ENDED);

        var target:Object = event.target as Object;
        var targetPar:Object = target.parent as MainCard;

        if(touch_began){
            if (targetPar.notSelected) {
                targetPar.select();
            }
        }

        if (touch_moved) {
         
            if (layoutGroup.bounds.containsPoint(globalToLocal(new Point(touch_moved.globalX, touch_moved.globalY)))) {
            var localPointInLayout:Point = layoutGroup.globalToLocal(new Point(touch_moved.globalX, touch_moved.globalY));

                for (var i:int = 0; i < 5; i++) {
                    var child:MainCard = cards_array[i]; //cards_array contains all cards
                    if (child.hitTest(localPointInLayout)) {
                       if (targetPar.notSelected) {
                         targetPar.select();
                      }
                    }
                }
            }
        }
    }

what am i doing wrong ?

Shaun_Max

Update: I made few changes to the code its working partially : -
instead of hitTest i tried containsPoint

if (child.bounds.containsPoint(globalToLocal(new Point(touch_moved.globalX, touch_moved.globalY))) && child.notSelected) {
      child.select();
}

the issue I am facing now is that, the first card is not getting detected using child.bounds.containsPoint, all other cards are working fine! not sure why ?

UnderwaterBird

I would check if var target: Object is MainCard itself, not its parent.

Additionally, I would use MouseChildren=false or something similar in constructor of MainCard to make more consistent touch target.

Something like this:

private function touchHandler(event:TouchEvent):void
{
        var touchEnded:Touch = event.getTouch(stage, TouchPhase.ENDED);
        if (touchEnded) return;

        var touchTarget:DisplayObject = event.target as DisplayObject;
        selectCard(touchTarget as MainCard);
        selectCard(touchTarget.parent as MainCard);
}

private function selectCard(card:MainCard)
{
       if (card && card.notSelected) card.select();
}