Create a Flexible File Browser App in Flash: UI and File Management – Active Premium

Alex on Oct 27th 2010 with 14 comments

Tutorial Details

Difficulty: Advanced
Platform: Flash
Language: ActionScript 3.0, PHP
Software used: Flash Professional CS3, FlashDevelop
Estimated Completion Time: 2 hours

Download Source Files

Thanks for supporting the site, feel free to download the ZIP file for this tutorial.
Source files for this tutorial are available to Premium members.
Get a Premium Membership

This entry is part 1 of 2 in the series Create a Flexible File Browser App in Flash

Create a Flexible File Browser App in Flash

Create a Flexible File Browser App in Flash: UI and File Management – Active Premium
Create a Flexible File Browser App in Flash: Wrapping Up – Active Premium

Today, we have another Active Premium tutorial exclusively available to Premium members. This short series of two tutorials takes intermediate-to-advanced developers through the process of building an entire file browser app. If you’re feeling confident, read on!

This Premium Tutorial is Filled with Creative Tips

Have you ever wondered how you could create a file browser in Flash? Well, if yes, or you are just eager to learn new stuff including working with Flash and PHP, then this tutorial is just what you need.

We won’t just be creating a File browser, we’ll be building an entire custom UI. Additionally, we’ll be writing several classes, such as code for selecting multiple files and detailed explanation for creating a flexible dialog box class that can be used in other projects.

This is part 1 in a series of 2. Look out for the concluding part to this Premium tut next week!

Preview

Please be aware that I’m using a shared server so the preview might not work at all times. Also, I’ve disabled deletion of files and directories.

Professional and Detailed Instructions Inside

Premium members can Log in and Download! Otherwise, Join Now! Below are some sample images from this tutorial.

Active Premium Membership

We run a Premium membership system which costs $19 a month which periodically gives members access to extra tutorials, like this one! You’ll also get access to Psd Premium, Vector Premium, Audio Premium, Net Premium, Ae Premium and Cg Premium too. If you’re a Premium member, you can log in and download the tutorial. If you’re not a member, you can of course join today!

Also, don’t forget to follow @activetuts on twitter and grab the Activetuts+ RSS Feed to stay up to date with the latest tutorials and articles.

Other parts in this series:Create a Flexible File Browser App in Flash: Wrapping Up – Active Premium»

Alex is alexxcz on Activeden

Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By Alex

Rollover to read this author's bio or click through to see a full list of posts by this author.

I'm a 20 year old normal guy from Romania. I started working in Flash in 2008 for a school project and fell in love with it. When I have time I'm usually 30ft deep in ActionScript making experiments and trying out new stuff.

Plus Premium

http://www.blackbluebrown.com geoff brown

this could be very useful. looks great too.
james

There is an error when trying to download this file.
Pastey

Yea i cant get to the download either it gives me this:

This XML file does not appear to have any style information associated with it. The document tree is shown below.

−

SignatureDoesNotMatch
−

The request signature we calculated does not match the signature you provided. Check your key and signing method.

−

47 45 54 0a 0a 0a 31 32 38 38 32 30 33 33 39 32 0a 2f 61 63 74 69 76 65 74 75 74 73 2f 70 72 65 6d 69 75 6d 2f 30 32 30 5f 66 69 6c 65 42 72 6f 77 73 65 72 2f 50 72 65 6d 69 75 6d 25 32 30 50 61 72 74 25 32 30 31 2e 7a 69 70

C371B8CCEF9452E7
−

b8/97ij/E97pfTwd1BqLyjwiRlwjTqsGEgcCg6oXfdvFFeQfjUZoi9jDD8dihWPd

yL4pVyg33l1Yp/q5GR6d0C4dMHU=
−

GET

1288203392
/activetuts/premium/020_fileBrowser/Premium%20Part%201.zip

AKIAIB2MZTVHYNT4TJUA

Bad Times :(
http://snaptin.com Ian Yates

Staff

Bad Times indeed :(

Sorry about that. Try again – the download has been fixed (may have been something to do with a space in the file name) Enjoy!
Karl Macklin

Two things:

1. When I go into “lan” I get a “XML is not well formed”-error.

2. “Ass”

http://snaptin.com Ian Yates

Staff

When you go into “Ian”? What do you mean?

I’m going to need some clarification on the second point too…

Alex

Author

There was a directory named “Ian” that did not work (had some bad file names in it). Fixed it, sorry!

http://www.svetainiu.kurimas.manualai.lt/ Svetainiu kurimas

Bad time indeed ;//
http://snaptin.com Ian Yates

Staff

OK, let’s not dwell on this! Thanks for fixing that error Alex – and the rest of you – go and download the tut, it’s a cracker!
Wow!

If I could edit these files (*.txt) …

:)
Ben Stanley

Could this be modified to edit files on a remote computer’s server? Would it be easy enough to do?
Tom

Hi

When i test my Browser after step 38 i keep getting these errors and cant seem to fix them. Please Help

C:\Users\Tom\Documents\Flash\File Browser\src\com\tutsplus\active\fileBrowser\FileBrowser.as, Line 47 1046: Type was not found or was not a compile-time constant: MouseEvent.
C:\Users\Tom\Documents\Flash\File Browser\src\com\tutsplus\active\fileBrowser\FileBrowser.as, Line 52 1046: Type was not found or was not a compile-time constant: MouseEvent.
C:\Users\Tom\Documents\Flash\File Browser\src\com\tutsplus\active\fileBrowser\FileBrowser.as, Line 57 1046: Type was not found or was not a compile-time constant: MouseEvent.
C:\Users\Tom\Documents\Flash\File Browser\src\com\tutsplus\active\fileBrowser\FileBrowser.as, Line 62 1046: Type was not found or was not a compile-time constant: MouseEvent.
C:\Users\Tom\Documents\Flash\File Browser\src\com\tutsplus\active\fileBrowser\FileBrowser.as, Line 67 1046: Type was not found or was not a compile-time constant: MouseEvent.
C:\Users\Tom\Documents\Flash\File Browser\src\com\tutsplus\active\fileBrowser\FileBrowser.as, Line 72 1046: Type was not found or was not a compile-time constant: MouseEvent.

Alex

Author

You need to import the MouseEvent class in the FileBrowser class. Add the following import statement in the FileBrowser class:
import flash.event.MouseEvent