1. November 16, 2012

   Linda

   ok i added the features to your classes, if you want i cand send them to you.
   Write me an email and i’ll reply with the code

   

   Reply
   • December 1, 2012

     Ali

     Hey Linda,

     Thanks a lot for developing the class and adding some features to it
     But if you liked to scroll the scroller externally you could do it like this to:

     _touchScroll.yPerc = 0; // min value is 0, max value is 100
     _touchScroll.xPerc = 0; // min value is 0, max value is 100
     

     You can also create a anchor like system like this, I didn’t try this myself yet, but had done something similar to this before.

     // myMc is the movieClip that you want to scroll to the top of it
     // myMcHolder is the movieClip that holds all of your other movieClips and itself is the maskContent of the scoller
     var perc:Number = (myMc.y * 100) / (myMcHolder.height - _scroller.maskHeight);
     if (myMc.y < 40) perc = 0.01;
     _scroller.yPerc = Math.min(perc, 100);
     

     Reply
2. November 25, 2012

   Lila

   Hi Ali!

   Thanks for sharing this code. I’m wondering if it’s possible to add touchscroll functionality to this slider: http://www.snorkl.tv/2011/02/easy-infinite-scroll-part-1/.

   I tried to add your code to the slider but i got this error, i guess maybe from the conflit between the swc and the greensock folder..
   “Replacement illegal _kill in com.greensock.plugins.ThrowPropsPlugin.”

   Can you help me please?
   I would appreciate.

   here´s the code:

   import com.doitflash.events.ScrollEvent;
   import com.doitflash.consts.Orientation;
   import com.doitflash.utils.scroll.TouchScroll;
   import com.doitflash.consts.Easing;
   import com.doitflash.consts.ScrollConst;
   import com.greensock.*;

   var _touchScroll:TouchScroll = new TouchScroll();
   var _myContent:MyContent = new MyContent();

   var startX:Number=_myContent.x;
   var distanceToScroll:Number = 44;
   var lastItemX:Number = _myContent.width

   function scrollIt() {
   TweenMax.to(_myContent, .54, {x:String(distanceToScroll), onComplete:resetDelay});
   }

   function resetDelay(){
   TweenLite.delayedCall(.5, reset);
   }

   function reset() {
   //move all clips over to the right

   for each (var mc in _myContent) {

   mc.x+=distanceToScroll;
   if (mc.x >= lastItemX) {

   mc.x-= lastItemX;

   }
   }
   //shift the parent so it looks like nothing moved
   _myContent.x = startX
   //scroll it again after 1 second
   TweenLite.delayedCall(.2, scrollIt);
   }

   btn.addEventListener(MouseEvent.CLICK, toggleMask)

   function toggleMask(e:Event = null):void{
   _myContent.mask = (_myContent.mask) ? null : mask_mc

   }

   toggleMask();

   TweenLite.delayedCall(1, scrollIt);

   Reply
   • December 1, 2012

     Ali

     Hi Lila,

     Sorry for my late reply, was on a trip.
     Please make sure that you’re using the latest Greensock codes on all of your SWF files related to your project and compile them again.
     If you also have joined the Greensock club and have all of their club codes, then use the latest club codes and compile your SWF files again.

     This is a conflict between the Greensock codes, and for sure it’s the conflict between the same codes different versions.

     Reply
3. November 29, 2012

   amazjf

   thank you very much ,I also wrote a similar scroll bar, but did not use blikmask, very simple to use, you can take a look，http://zwwdm.com/?p=84

   Reply
   • December 1, 2012

     Ali

     Good work man liked it

     It also may be a good idea to checkout the Starling Scroller too: http://myappsnippet.com/as3-starling-touch-scroller/
     It’s so useful and handy to be used inside the Starling projects for different mobiles apps

     Reply
     • December 12, 2012

       amazjf

       Thank you very much, I think so too！

       Reply
4. November 29, 2012

   Adam

   This is a great scroller. I love the fact that when scrolling content with lots of buttons nothing can be triggered while in the midst of scrolling causing accidental triggers. I’ve been trying to accomplish this on my own but no luck. I’ve been examing the code trying to figure this out. My question is, is it possible to take that techniq and apply it to othe scrollers. I’m a Greensock club member and I like there page_scroll example but loading it with interactive content and scrolling causes accidental triggering.

   Please let me know of any help, and great job on the touch scroller.
   Thanks Adam

   Reply
   • December 1, 2012

     Ali

     Thanks a lot for your compliments Adam

     When you have set the Scroller BitmapMode to Normal

     _touchScroll.bitmapMode = ScrollConst.NORMAL;

     And start scrolling your content, I set the Blitmask bitmapMode to true

     _mask.bitmapMode = true;

     So when you’re scrolling, your content won’t be interactive anymore and it’s buttons won’t work

     Reply
     • December 5, 2012

       Adam

       Thanks for replying, that helped. I also have another quick question. On the Main.as how can i adjust the speed of the scroll to stop quicker on touch release.

       Reply
       • January 2, 2013

         Ali

         to set the scroller speed you just need to set the aniInterval setter:

         _touchScroll.aniInterval = .5;
         

         Reply
5. December 6, 2012

   Charlie

   Excellent work! Little problem tho, maybe you can help me? I’m trying to implement this on a project and the scroller works beautifully except it scrolls right back up all the way as soon as the dragging stops? It never stops where I leave it, it just eases back to the top. Thanks for any help or tip you can give me Awesome work!

   Reply
   • December 13, 2012

     Ali

     please make sure that you’re not setting its position externally somewhere in your codes, and maybe your content height is lesser that you think and it should be!

     Reply
6. February 19, 2013

   OMA

   The demo APK crashes in my Galaxy S3 when using horizontal orientation

   Reply
7. February 24, 2013

   Hokken

   Good component that is nicely cutting my development time, thank you. I was wondering if there was an easy way to add a little handle on the right hand side just to give an indication of the length of the scrollable content. That handle height would obviously adjust based on the length of the content in a standard way.

   Thanks

   Reply
   • February 27, 2013

     Ali

     Yea, you yourself can also easily create a handler in any style that you like, Scroller gives you yPerc, the vertical position of the scroller and you also have MaskHeight and your content height as well, which these variables are the ones that are useful for you, if you’re going to create a handler. I myself just didn’t create one because everybody likes a it in different styles and also I just liked the class to be completely abstract. and also if you also really liked me to create one for you, just contact us through our CodeCanyon profile page and we would be happy to be a help.

     Reply
     • February 27, 2013

       Hokken

       Ill have a little go at it and see how it goes thanks

       Reply
8. April 16, 2013

   Craig

   Excellent work love the bounceyness – my only question is this – I was looking for a solution with a list of horizontal scrollers nested within a vertically scroller.

   I was having trouble with this because you can only TouchDrag one item at a time in AS3…even with your great class I think I’m stuck with the same problem.

   Any ideas? I’d happily pay for another class that does that.

   Reply
   • April 17, 2013

     Hadi Tavakoli

     Craig, yeah, nesting scrollers are very tricky. we’d be happy to help you out on that with our hourly rates. please drop us an email from our codeCanyon profile page or from the contact form at the bottom of this page to talk about details.

     I don’t know, but have you happened to checkout our Starling version of the scroller?
     http://codecanyon.net/item/air-as3-starling-abstract-touch-scroll/4058167?ref=tahadaf

     if you are building for mobile in starling, this version would be perfect? just tell us which version you need the work to be applied to.

     Reply
9. May 9, 2013

   Sara Canducci

   Hi, I bought your component (both Staling and standard versions).
   Is that possible to scroll a MovieClip instead of an external swf?

   It’s urgent, please reply me.
   Thanks
   Best Regards

   Reply
   • May 9, 2013

     Ali

     thanks for your purchase and yes, for sure it’s possible
     They are OOP classes, and accept a DisplayObject as their content, just checkout the Documentation and also the sample files in your download packages and you will clearly see how to use them and set their settings.

     Reply
10. May 21, 2013

    fabio

    Hi,
    just purchased the scroller.
    two questions:
    1) I’m not able to use the scroller with a movieclip placed on the stage in a position that is not 0,0. The scroller put my movieclip at 0,0. Tried with nested movieclips, no way..
    2) The graphical performances aren’t so beautiful, I’m using _scroller.bitmapMode = ScrollConst.STRONG;
    Could u please give me solutions for these?
    Thanks in advance
    Fabio

    Reply
    • May 21, 2013

      Ali

      Hi Fabio,

      About the position of the Scroller, it’s OOP… just initialize the TouchScroller class and set its maskContent (you don’t even need to addChild your content itself, it will be shown automtically when you set it as the Scroller maskContent and addChild the Scroller) then set the Scroller x and y position to anywhere on your stage…

      for your graphics, it doesn’t have anything to do with the Scroller itself but you may also try to change the Scroller mask smoothing property too:

      _touchScroll._mask.smoothing = true;

      you can also set the bitmapMode to WEAK, in this way the Scroller won’t take snapshots from your content and shows you the real interactive content whether it has been scrolled or it’s resting…

      Reply

Leave a Reply