Starling Forum

1. 

   denisgladkiy
   

   Expert Bird
   Joined: Sep '16
   Posts: 229

   

   denisgladkiy

   Expert Bird
   Joined: Sep '16
   Posts: 229

   How can I make a gallery like popular photo reports?
   Explain in detail
   http://share.pho.to/AftAq
   In this photo gallery there is an opportunity to scroll through the photo, and also resize each photo

   I used the following example gallery:
   https://github.com/BowlerHatLLC/feathers/tree/master/examples/Gallery

   How to add the opportunity to me the size of the photo?

   private function onTouch(event:TouchEvent):void
           {
   			var _currentImage:GalleryItemRenderer = event.currentTarget as GalleryItemRenderer;
   			//_currentImage.layoutData = null;
    
               var touches:Vector.<Touch> = event.getTouches(_currentImage, TouchPhase.MOVED);
   			var _parent = _currentImage.parent;
    
               if (touches.length == 2)
               {
    
                   // two fingers touching -> rotate and scale
                   var touchA:Touch = touches[0];
                   var touchB:Touch = touches[1];
    
                   var currentPosA:Point  = touchA.getLocation(_currentImage.parent);
                   var previousPosA:Point = touchA.getPreviousLocation(_currentImage.parent);
                   var currentPosB:Point  = touchB.getLocation(_currentImage.parent);
                   var previousPosB:Point = touchB.getPreviousLocation(_currentImage.parent);
    
                   var currentVector:Point  = currentPosA.subtract(currentPosB);
                   var previousVector:Point = previousPosA.subtract(previousPosB);
    
                   var currentAngle:Number  = Math.atan2(currentVector.y, currentVector.x);
                   var previousAngle:Number = Math.atan2(previousVector.y, previousVector.x);
                   var deltaAngle:Number = currentAngle - previousAngle;
    
                   // update pivot point based on previous center
                   var previousLocalA:Point  = touchA.getPreviousLocation(_currentImage);
                   var previousLocalB:Point  = touchB.getPreviousLocation(_currentImage);
                   _currentImage.pivotX = (previousLocalA.x + previousLocalB.x) * 0.5;
                   _currentImage.pivotY = (previousLocalA.y + previousLocalB.y) * 0.5;
    
                   // update location based on the current center
                   _currentImage.x = (currentPosA.x + currentPosB.x) * 0.5;
                   _currentImage.y = (currentPosA.y + currentPosB.y) * 0.5;
    
                   // rotate
                   _currentImage.rotation += deltaAngle;
    
   				list.pageWidth = _currentImage.width;
               }
    
           }

   But the list has a layout photo can not resize

   If temporarily remove layout

   if (touches.length == 2)
   list.layout = null;

   Shows an error

   Posted 1 year ago #
2. 

   Josh Tynjala
   

   Feathers Guru
   Joined: Feb '12
   Posts: 11,210

   

   Josh Tynjala

   Feathers Guru
   Joined: Feb '12
   Posts: 11,210

   Instead of scaling the GalleryItemRenderer, I would scale the ImageLoader inside the GalleryItemRenderer.

   Posted 1 year ago #
3. 

   denisgladkiy
   

   Expert Bird
   Joined: Sep '16
   Posts: 229

   

   denisgladkiy

   Expert Bird
   Joined: Sep '16
   Posts: 229

   Inside the GalleryItemRenderer, I add an event listener

   this.image.addEventListener(TouchEvent.TOUCH, onTouchImage);

   private function onTouchImage(e:TouchEvent):void
   		{
   			var touches:Vector.<Touch> = e.getTouches(image, TouchPhase.MOVED);
   			if (touches.length == 2)
                                 //rotate and scale
   }

   But does not react to touching

   Posted 1 year ago #
4. 

   Josh Tynjala
   

   Feathers Guru
   Joined: Feb '12
   Posts: 11,210

   

   Josh Tynjala

   Feathers Guru
   Joined: Feb '12
   Posts: 11,210

   In GalleryItemRenderer, remove the line that sets isQuickHitAreaEnabled to true.

   Posted 1 year ago #
5. 

   denisgladkiy
   

   Expert Bird
   Joined: Sep '16
   Posts: 229

   

   denisgladkiy

   Expert Bird
   Joined: Sep '16
   Posts: 229

   Thanks for the help, Josh!

   Posted 1 year ago #
6. 

   denisgladkiy
   

   Expert Bird
   Joined: Sep '16
   Posts: 229

   

   denisgladkiy

   Expert Bird
   Joined: Sep '16
   Posts: 229

   In order to make a photo gallery like iOS, I need to resize the photos and at the same time give an opportunity to flip the gallery further.
   Changing the properties

   _owner.pageWidth = image.width;

   is not beneficial

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.