 |
This week I set out to try and create five new tutorials in five days. Well I have just uploaded the fifth tutorial that shows you how to create a completely customized Flex preloader using Flash CS4. One thing that really bugs me about most Flex applications is the standard aqua loading screen. This video shows how simple it is to customize that experience so there is no longer any excuse for aqua . |
Lee
[... This week I set out to try and create five new tutorials in five days. Well I have just uploaded the fifth tutorial that shows you how to create a ...]
This blog contains opinions and thoughts that are my own and that are not necessarily shared by the company that I work for. Adobe allows its employees to share their opinions publicly through the use of blogs, Twitter, and other forms of social media.
© 2010 Lee Brimelow
Hi Lee,
Good tute. But the link in the blog post is linking to the SWFAddress tute and not the custom preloader one.
lee, i think the link is for the previous tutorial which is swfaddress
Link to fifth tutorial is incorrect. Should be http://www.gotoandlearn.com/play?id=108
looks like your linking to the incorrect tutorial
Correct link : http://www.gotoandlearn.com/play?id=108
Great tutorial Lee!
Nice tut !
Just a question, when you center your preloader, why didn’t you used “cp.width” and “cp.height” ? I’m not very fond of “static” values actually
Excellent stuff! I’m sure devs with a design background embrace Flex more once they find out how to get away from that standard look.
Allows Doing Great Work Man
Thanks Lee
Great tutorial. I did not expect it to be as easy as that
I’m not sure that color is aqua, more like “soul-dead-steel-blue-gray”. There’s definitely more gray than aqua.
I wrote a blog entry on this here : http://blog.lyraspace.com/2009/02/19/customise-your-flex-preloader-the-easy-way/
Lee’s is much slicker. I didn’t think to create the SWC. This is definitely the best way to create a custom preloader. Flex purists will say you should draw everything in Flex but why if you can do it like this?!
Hi Lee,
thanks so much for all that you do.
in one of your tutorials (not so recent), you recommended a book as a guide for math in flash, what was the name of the book?
5 Days = 5 Tutorials!
Thank you very much!
08:34
Hardcoding the numbers for the width and height means that this is less dynamic. i.e. in theory if you gave the Class a generic name (Note: class and therefore the asset should be capiltalized), and calculated its width and height instead of hardcoding those numbers, you could hand that FLA out to any designer to customize and know that it will work in your application as expected.
Hard coding any values means it’s likely you’ll need to update the code as the designer makes changes.
Hey Lee! I always wonder if you’re using eclipse or flexbuilder ?
do a tutorial on configuration. I want snippets (you type pv and it says private var etc )
and how you changed the interface to be more rounded and clean than flexbuilder.
Thanks mate!
Great tut! Thanks so much for your work!
As Martin Lindelöf said ,Could? Im also expected!
Thank god for these tutorials.
@Martin Lindelöf & @len yes it looks like he’s using eclipse.
@Lee: Nice tutorial lee, but the one thing what bothers me, would it be possible to set up a gradient in the compiler arguments as well?
@Dallas
i believe the book is called: “Foundation Actionscript Animation – Making Things Move!” by Keith Peters …it’s a great read
)
oh …and there’s an AS3 and an AS2 Version available.
all the best
carrrramba
As you said, Flex people will have to jump into the flash IDE. Any chance we could get the source code for this? I’ve been tinkering with it in Flash, but I don’t know what the hell I’m doing.
Awesome tutorial though, thanks.
Great tutorial thanks a bunch. Good push, 5 in 5days not bad at all. Thank you for all the hard work.
thanks for this link to the new tutotial ..
very helpful!
hi, great tutorial. but i have one problem.
when I use this custom preloader in my flex app, i can’t see the my embed font placed in external style sheet
thanks for the tutorial can i use this to replace flex preloader . However i m trying this code :
http://askmeflash.com/article_m.php?p=article&id=7
PRO TIP: If you write “override public etc” you’ll get code hinting for the method you’re trying to override.
tou want to write different names for the flash symbol exported in the swc and the class extending the DownloadProgressBar, so that flex knows who is who.
Excellent Tutorial.
Is it posissible to use Catalyst for styling Flah Builder Video component?
In the Catalyst options, there is only few to choice.
- button
- vscrollbar
- hcrollbat
- textinput
- repeated list
and mybe one more i dont remember. Am I right?
sorry lee my prev comment supposto go on in here:
http://theflashblog.com/?p=1027
“Two-part tutorial on Flash Catalyst and Flex 4″
Hello,
Can you use this preloader in combination with a augmented reality project??
Thanks
Thanks a lot cool n nice tutorial and it’s well illustrated