One quick question when using effects such as scroll with a tabnavigator rather than a viewstack (the only difference from the sample) there’s a noticeable “jump” where it looks like the top padding of the tabnavigator isn’t being taken into account.
I see in the source some code that looks like it’s there to do the calc for the tabnavigator. Is this a current limitation or is there something simple I’m not doing to set the effect up correctly? Thanks again. Fantastically fun project
The ViewStack Effects require a helper class for their layout. If a helper class isn’t defined then by defaukt it uses ViewStackHelper.
Try passing TabNavigatorHelper as the helper and see if that solves the problem. If it doesn’t can you put your example online, with the source and give me the link so I can have a look into fixing it.
Thanks for the response… that did it Thought that I had tried that when I first grabbed the source, but obviously did something wrong. Just repointing it at the TabNavigatorHelper did the trick. Once again thanks.
Love this effets, i was waiting you publish the effects since i saw it comming soon. I have a basic question… that i cannot understand, anyone can help me?.
When i add the xmlns:viewStackEffects=”org.efflex.viewStackEffects.*” to application tag, it sopouse to enables the
but i don’t see it in the intelligytype and it causes a compiler error, it doesnt recognize the namespace… why?
Argh!
the scroll effect is great, but it just won’t work properly… As soon as I add even a little label in the viewstack’s canvas, the effect bugs. Even embeding fonts doesn’t work…
If someone might help me…
Currently there is a fairly fundamental bug that means they will only work if you set the creationPolicy of the ViewStack to “all”.
I’m fairly tied up at the moment, and no-one else has stepped forward offering help with the project so it looks like it will remain like this at least until the new year.
I downloaded the code but where will i get the “org.efflex.viewStackEffects.*” component.Its not there in the downloaded code so the code is showing an error.
Love the effects! I’m somewhat new to this world and with that said can someone tell me how to take the swc here: http://code.google.com/p/efflex/downloads/list
and use it in Flex 3? I downloaded it and tried to open it, but that didn’t work. I’ve never used a swc file so I’m assuming that there is more to it than that.
If someone can shed some light on this, I’d really appreciate it!
I may be doing something wrong. But if I change a style (like fontSize) another unrelated control then the viewstack stops updating. It freezes. Is this related to the the bug that requires creationPolicy be set to “all” ?
Thanks Tink! I’m working on my laziness and should be able to find all the info I need on Google (thanks for the push!).
On a side note, I can’t seem to find info about how to get these classes to work as one would with say TweenMax. I’ve imported the classes and created a new instance, but I’m not sure what I need to do to make things scroll. I have a next and previous button that I’m telling to change the ViewStack’s selected index (working fine) but how do I get it to use the scroll effect? Here is what I have in my .as file (galleryShuffler is the id for my ViewStack):
you can right click on the example above and view the source to see how it is implemented.
If you wanted to apply the effects with AS you’d need to loop through each child in the ViewStack and set the styles “hideEffect” and “showEffect” both the the ScrollEffect you created.
Changing the selectedIndex of the ViewStack would then apply the effect.
I am facing a problem.In the below code form is a mxml component which has a form item username.but when i run this code my text input box is disabled and i am unable to type anything.I have posted the code.if anyone could help where an i going wrong.
my code isnt getting posted…what i am doing is putting two forms in the two canvases and calling show and hide…but if i dont put it in canvases its working fine…..
I’ve noticed some strange behavior when using this effect. If the components I am using in the ViewStack do not have background colors then they blink white as they are scrolling and then flip back to the default background color after. Any thoughts on why I am seeing this?
I really like this scroll effect. Very clean. Thanks! I noticed a problem when I tried to use HorizontalCenter from within in one of the components in the ViewStack. It would disable all input for everything in that Canvas. I would be happy to help resolve some of these bugs if needed. Let me know if I should post bugs here or on the Google SVN page.
As closer glance it looks like the problem may be related to scroll bars in extended canvas component which is one of my view stack children. I’ll have to look into this deeper….
Beauty effects. very well done. I am having problems with the tab navigator though. It seems to jump up 30 pixels or so when its a bitmap, and then it comes back down after. I am using the TabNavigatorHelper as the helper class
this is what I am using
Any help would be amazing
also one more question. Is their any way to put a blur on the animation?
Great effect, looks really cool. I do have a question though..
In my view stack, I may have children that are disabled at startup and may become programmatically enabled later on.
Suppose there are 4 children of the view stack and child 2 is disabled. In my navigation buttons (next, prev, etc) I’ll skip over 2 and go from 1 –> 3 or 3 –> 1 depending on how I’m navigating, and set the selectedIndex appropriately. As I do that, the image for child 2 still slides by as I’m navigating.
The effect would need a bit of editing to add this functionality (if I was going to do this i’d use the property ‘includeInLayout’ of each child instead of whether its enabled), or you could build a new effect.
sorry for posting on the wrong effect, should have posted here since this is the effect we are having a particular problem with. when using nested viewstacks especially with nested scrolleffects (like outer viewstack is horizontal and inner viewstacks will be vertical and so on) we are running into the ‘cant click’ problem after the second or third scrolling. do you have a new version of this effect? if yes can we have a copy of that one even it is not publicly ready build? thanks a million!
sorry bout this but, any news on the question ive posted? We are already finding it more and more difficult to handle the nested UI’s inside the viewstacks because of this issue (not being able to click), is there a new source for this? we will really appreciate any help. thnx
Thanks for all your work on these – they’re great. I’m running into an issue with Scroll, where I have lists in 3 canvases in a ViewStack. When I switch through from 0, to 1, to 2, it works great, but when I go through again with updated data, the old list data isn’t getting updated until after the transition is complete. It sort of hiccups. Is there a way to force the Scroll effect to render before the transition begins.
First off, I think these effects are great and have been easy to use. I am, however, experiencing a problem with background transparency on transitions after installing version 2.0. I have been using the viewStackEffects (version 1.0) with the transparent property set to “true” and everything worked as expected. With the new version, the background turns opaque during the transition effect. I have the background alpha of the canvas containers set to 0 and the background color set to black. Any assistance would be greatly appretiated.
I am having the same issue as Brad. The app is set to be transparent, but when the transition starts the background goes black then red with what looks like an alpha of 1. When the transition ends it switches back.
Other than that it looks the nuts! Any help would be great.
Great effects. I have been playing with this list effect and got a bit stuck. Im thinking it may not be possible to do what i want to do. The thing is, i have an application with a Viewstack that slides between all components (horizontal) in the viewstack, all fine. But all components have their own Viewstack that at the same time as the top Viewstack slides, slides their own components (vertical). It Does not work. The top one work but when that is done sliding to a component, that components viewstacks slide effect wont show, It just shows the new component after the top Viewstack is done sliding. I think the problem is that the slide effect is cause by the slide effect is acctually just showing an image moving and not the actual components. That causes the vertical slide effect not to show. Im i correct or is there a way around it?
first of all: many thanks for sharing this great effects!
I m intrested in using the List Effect.
Is it possible to preselect in a type of array which viewStackChildren to pass in that effect?
My viewstack includes a lot of views that can be ordered completely different, depending on the business need. We already have something working, but i like the idea to be based on a standard lib.
If there is no option, please let me know if we can contribute and adding this behaviour.
November 4th, 2008 at 8:10 am
Love the effects!
One quick question when using effects such as scroll with a tabnavigator rather than a viewstack (the only difference from the sample) there’s a noticeable “jump” where it looks like the top padding of the tabnavigator isn’t being taken into account.
I see in the source some code that looks like it’s there to do the calc for the tabnavigator. Is this a current limitation or is there something simple I’m not doing to set the effect up correctly? Thanks again. Fantastically fun project
November 4th, 2008 at 10:28 am
The ViewStack Effects require a helper class for their layout. If a helper class isn’t defined then by defaukt it uses ViewStackHelper.
Try passing TabNavigatorHelper as the helper and see if that solves the problem. If it doesn’t can you put your example online, with the source and give me the link so I can have a look into fixing it.
November 5th, 2008 at 1:55 pm
I have a strange behavior – When i move my components the content isn’t clickable after scrolling – i dont know what im doing wrong
November 5th, 2008 at 2:57 pm
Bear with me whilst I take a look into this Boris.
November 5th, 2008 at 3:34 pm
I solved it – you have to wrap your components into a canvas – than will everythings works finest
November 5th, 2008 at 3:44 pm
Thats a good find, although why you have to do that I don’t know.
Thanks for pointing it out, I’ll look to see if I can actually resolve why this is required and see if I can provide a nicer solution.
November 5th, 2008 at 4:33 pm
Thanks for the response… that did it
Thought that I had tried that when I first grabbed the source, but obviously did something wrong. Just repointing it at the TabNavigatorHelper did the trick. Once again thanks.
November 10th, 2008 at 12:07 am
Excellent work, Tink.
Just what I’ve been looking for.
I cant view the source. The option isn’t there.
Is there a source I can view for these excellent examples?
November 10th, 2008 at 11:05 am
Hey Matt
“View Source” is an option in the context menu when you right click on the movie. You don’t see that?
November 10th, 2008 at 5:59 pm
Hey Tink
That’s where I assumed it would be, but I’m not seeing it at all.
I’ve tried it on two pcs now, and no option in the context menu at all.
November 10th, 2008 at 11:45 pm
Here’s a direct link
http://www.efflex.org/examples/viewStackEffects/Scroll/srcview/index.html
November 11th, 2008 at 11:48 pm
Love this effets, i was waiting you publish the effects since i saw it comming soon. I have a basic question… that i cannot understand, anyone can help me?.
When i add the xmlns:viewStackEffects=”org.efflex.viewStackEffects.*” to application tag, it sopouse to enables the
but i don’t see it in the intelligytype and it causes a compiler error, it doesnt recognize the namespace… why?
Thank you all in advance.
December 15th, 2008 at 5:51 pm
Argh!
the scroll effect is great, but it just won’t work properly… As soon as I add even a little label in the viewstack’s canvas, the effect bugs. Even embeding fonts doesn’t work…
If someone might help me…
December 15th, 2008 at 6:28 pm
Currently there is a fairly fundamental bug that means they will only work if you set the creationPolicy of the ViewStack to “all”.
I’m fairly tied up at the moment, and no-one else has stepped forward offering help with the project so it looks like it will remain like this at least until the new year.
December 17th, 2008 at 7:08 pm
Is there any way to control the direction (up, down, left, right) in the scroll as oppose to just being able to supply vertical and horizontal?
December 17th, 2008 at 7:21 pm
Hi Chris
No, thats not possible, although its quite feasible you could build an effect that did that.
December 21st, 2008 at 5:06 am
Love it! Thanks a lot!
January 16th, 2009 at 10:19 am
I downloaded the code but where will i get the “org.efflex.viewStackEffects.*” component.Its not there in the downloaded code so the code is showing an error.
January 16th, 2009 at 10:51 am
“org.efflex.viewStackEffects.*” is a namespace pointing to a package, and the package and the contents required are included in the source.
http://code.google.com/p/efflex/source/browse/#svn/trunk/org/efflex/viewStackEffects
January 16th, 2009 at 12:07 pm
thankyou Tink for your help.
January 26th, 2009 at 3:54 pm
Love the effects! I’m somewhat new to this world and with that said can someone tell me how to take the swc here: http://code.google.com/p/efflex/downloads/list
and use it in Flex 3? I downloaded it and tried to open it, but that didn’t work. I’ve never used a swc file so I’m assuming that there is more to it than that.
If someone can shed some light on this, I’d really appreciate it!
January 26th, 2009 at 4:04 pm
I may be doing something wrong. But if I change a style (like fontSize) another unrelated control then the viewstack stops updating. It freezes. Is this related to the the bug that requires creationPolicy be set to “all” ?
January 26th, 2009 at 4:08 pm
Actually, never mind, I just went through the svn. But I still would like to get a better understanding of a swc file and what it does to help.
Thanks!
January 26th, 2009 at 4:13 pm
@ clopex, you should be able to find plenty of info on SWC’s and FB if you go a search on google.
January 26th, 2009 at 5:13 pm
Thanks Tink! I’m working on my laziness and should be able to find all the info I need on Google (thanks for the push!).
On a side note, I can’t seem to find info about how to get these classes to work as one would with say TweenMax. I’ve imported the classes and created a new instance, but I’m not sure what I need to do to make things scroll. I have a next and previous button that I’m telling to change the ViewStack’s selected index (working fine) but how do I get it to use the scroll effect? Here is what I have in my .as file (galleryShuffler is the id for my ViewStack):
// ActionScript file
import flash.events.MouseEvent;
import org.efflex.viewStackEffects.Scroll;
private var efflex:Scroll;
private function init():void
{
efflex = new Scroll(galleryShuffler);
}
private function nextBtnClickHandler(e:MouseEvent):void
{
galleryShuffler.selectedIndex++;
trace(”next button clicked”);
}
private function prevBtnClickHandler(e:MouseEvent):void
{
galleryShuffler.selectedIndex–;
trace(”previous button clicked”);
}
January 26th, 2009 at 5:35 pm
you can right click on the example above and view the source to see how it is implemented.
If you wanted to apply the effects with AS you’d need to loop through each child in the ViewStack and set the styles “hideEffect” and “showEffect” both the the ScrollEffect you created.
Changing the selectedIndex of the ViewStack would then apply the effect.
January 26th, 2009 at 5:59 pm
Very cool. One thing though, I tried right clicking on the example above and was not able to view source to see how its implemented?
January 26th, 2009 at 6:08 pm
Not sure what to say, right click > view source works fine here.
January 28th, 2009 at 10:42 am
I am facing a problem.In the below code form is a mxml component which has a form item username.but when i run this code my text input box is disabled and i am unable to type anything.I have posted the code.if anyone could help where an i going wrong.
January 28th, 2009 at 10:48 am
Unfortunately this is a bug. I’m working on it, but on it alone.
January 28th, 2009 at 10:56 am
January 28th, 2009 at 10:58 am
my code isnt getting posted…what i am doing is putting two forms in the two canvases and calling show and hide…but if i dont put it in canvases its working fine…..
January 28th, 2009 at 11:02 am
Can i suggest you link to a zip with your code in.
February 5th, 2009 at 8:02 pm
I’ve noticed some strange behavior when using this effect. If the components I am using in the ViewStack do not have background colors then they blink white as they are scrolling and then flip back to the default background color after. Any thoughts on why I am seeing this?
February 5th, 2009 at 9:48 pm
Try setting ‘transparent’ to true on the effect.
I’ll have a 0.02 update commited soon.
February 13th, 2009 at 8:46 am
If i will change the scroll direction, what can id do?
now , next is scroll to left
I want reverse it .
your code is open source?
February 13th, 2009 at 11:13 am
Yep, the source can be found at http://code.google.com/p/efflex/
Be cool if you can send back any code you change or effects you create so I can add them back to the library,
March 3rd, 2009 at 6:24 pm
I really like this scroll effect. Very clean. Thanks! I noticed a problem when I tried to use HorizontalCenter from within in one of the components in the ViewStack. It would disable all input for everything in that Canvas. I would be happy to help resolve some of these bugs if needed. Let me know if I should post bugs here or on the Google SVN page.
March 3rd, 2009 at 6:51 pm
As closer glance it looks like the problem may be related to scroll bars in extended canvas component which is one of my view stack children. I’ll have to look into this deeper….
March 6th, 2009 at 8:58 pm
Beauty effects. very well done. I am having problems with the tab navigator though. It seems to jump up 30 pixels or so when its a bitmap, and then it comes back down after. I am using the TabNavigatorHelper as the helper class
this is what I am using
Any help would be amazing
also one more question. Is their any way to put a blur on the animation?
Thanks in advance, and again great work
Miles
March 6th, 2009 at 9:08 pm
Can you throw up and quick example with view source enabled for me to look at?
March 9th, 2009 at 6:30 pm
I have posted an example with source here:
http://barlocator.ca/dev/flex/scroll_test/Scroll_Navigator.html
Thanks in advance
Miles
March 23rd, 2009 at 8:55 pm
Great effect, looks really cool. I do have a question though..
In my view stack, I may have children that are disabled at startup and may become programmatically enabled later on.
Suppose there are 4 children of the view stack and child 2 is disabled. In my navigation buttons (next, prev, etc) I’ll skip over 2 and go from 1 –> 3 or 3 –> 1 depending on how I’m navigating, and set the selectedIndex appropriately. As I do that, the image for child 2 still slides by as I’m navigating.
Any suggestion on how to suppress that?
March 24th, 2009 at 8:53 am
Hey Greg
The effect would need a bit of editing to add this functionality (if I was going to do this i’d use the property ‘includeInLayout’ of each child instead of whether its enabled), or you could build a new effect.
April 1st, 2009 at 9:09 am
Hi !
Great work on all of this !
.
I must confess that i’m agree with Tink
Detect the includeInLayout property to false or not would be a nice feature!
April 29th, 2009 at 8:47 am
hi tink,
sorry for posting on the wrong effect, should have posted here since this is the effect we are having a particular problem with. when using nested viewstacks especially with nested scrolleffects (like outer viewstack is horizontal and inner viewstacks will be vertical and so on) we are running into the ‘cant click’ problem after the second or third scrolling. do you have a new version of this effect? if yes can we have a copy of that one even it is not publicly ready build? thanks a million!
May 7th, 2009 at 7:08 am
Hi tink,
sorry bout this but, any news on the question ive posted? We are already finding it more and more difficult to handle the nested UI’s inside the viewstacks because of this issue (not being able to click), is there a new source for this? we will really appreciate any help. thnx
May 9th, 2009 at 8:50 pm
I’ve decided that I will go ahead and release a free SWC for Flash on Tap at the end of the month.
May 18th, 2009 at 1:51 am
Sweet! Thanks for your hard work, man.
May 27th, 2009 at 7:46 pm
Hey Tink,
Thanks for all your work on these – they’re great. I’m running into an issue with Scroll, where I have lists in 3 canvases in a ViewStack. When I switch through from 0, to 1, to 2, it works great, but when I go through again with updated data, the old list data isn’t getting updated until after the transition is complete. It sort of hiccups. Is there a way to force the Scroll effect to render before the transition begins.
Any ideas?
May 28th, 2009 at 7:43 am
Dude! Version 0.02 solved it perfectly! Renders the target great now. Thanks so much for all the hard work.
Cheers,
JD
May 28th, 2009 at 8:12 am
Lets hope it solves all of the major issues people were having.
June 1st, 2009 at 9:16 pm
First off, I think these effects are great and have been easy to use. I am, however, experiencing a problem with background transparency on transitions after installing version 2.0. I have been using the viewStackEffects (version 1.0) with the transparent property set to “true” and everything worked as expected. With the new version, the background turns opaque during the transition effect. I have the background alpha of the canvas containers set to 0 and the background color set to black. Any assistance would be greatly appretiated.
Brad
June 3rd, 2009 at 12:43 pm
Hi Brad
Can you make a simple example of the problem you have, then upload it with view source enabled and link it here please.
June 4th, 2009 at 9:37 am
I am having the same issue as Brad. The app is set to be transparent, but when the transition starts the background goes black then red with what looks like an alpha of 1. When the transition ends it switches back.
Other than that it looks the nuts! Any help would be great.
Rob
June 4th, 2009 at 9:43 am
Tink if you need an example just change the background alpha of the application node to 0 and then the same for each canvas.
http://www.pixelbox.net/stuff/ListExample.mxml
Thanks
Rob
June 4th, 2009 at 9:50 am
Me again.
Any alpha that isn’t 1 on the viewStack’s children will cause the strange red issue.
Changing the alpha of the application doesn’t seem to make a difference.
Thanks
Rob
June 25th, 2009 at 8:50 am
Hi All!
Great effects. I have been playing with this list effect and got a bit stuck. Im thinking it may not be possible to do what i want to do. The thing is, i have an application with a Viewstack that slides between all components (horizontal) in the viewstack, all fine. But all components have their own Viewstack that at the same time as the top Viewstack slides, slides their own components (vertical). It Does not work. The top one work but when that is done sliding to a component, that components viewstacks slide effect wont show, It just shows the new component after the top Viewstack is done sliding. I think the problem is that the slide effect is cause by the slide effect is acctually just showing an image moving and not the actual components. That causes the vertical slide effect not to show. Im i correct or is there a way around it?
June 25th, 2009 at 10:02 am
Hi Carl
Yes a snapshot is taken of the child, and then this is what is shown in the effect.
To do what you want you could edit it to take a new snapshot every frame.
July 6th, 2009 at 12:27 pm
Hi all,
first of all: many thanks for sharing this great effects!
I m intrested in using the List Effect.
Is it possible to preselect in a type of array which viewStackChildren to pass in that effect?
My viewstack includes a lot of views that can be ordered completely different, depending on the business need. We already have something working, but i like the idea to be based on a standard lib.
If there is no option, please let me know if we can contribute and adding this behaviour.
Regards from Germany,
Daniel.