Output:



Download Source Files

Step 1: Open new Flash Document.

Step 2: Open components panel (Ctrl + F7) or Windows -> Components.

Step 3: In components panel under User Interface, you can find Window component.

Step 4: Click and drag the window component on to your stage.

Step 5: Left click on the window component and open the properties panel (Ctrl + F3) and give "win" as instance name.

Step 6: Now create a simple Movieclip with some little animation in it.

Step 7: Open the Library (Ctrl + L), right click on the Movieclip and select Linkage.

Step 8: In Linkage Properties window, check Export for ActionScript. Give "ani" as identifier.

Step 9: This Movieclip will be our content of our window.

Step 10: Now click the first frame and open the Actions panel (F9), and paste the below code in it.

win.title = "Sample Window";
win.closeButton = true;
win.contentPath = "ani";
win.setSize(250,200);

var listener:Object = new Object();
listener.click = function(){
win._visible = false;
}
win.addEventListener("click",listener);


Code Explanation:

win.title = "Sample Window";

You can assign title to your Window component.


win.closeButton = true;

By default the close button on the right top corner is false, to enable the close button we must initialize it to "true".

win.contentPath = "ani";

It is used to place the content inside the window component, where "ani" is a movieclip.


win.setSize(250,200);

It is used to set the width and height of the window component. The first parameter is width and second one is height. The height parameter also includes the height of the title bar which is 25px, so we must always add 25px to our height.



var listener:Object = new Object();
listener.click = function(){
win._visible = false;
}
win.addEventListener("click",listener);


In here we are adding Event Listener to the close button, when the user clicks on the close button the window visibility is switched to false.

- End of Tutorial!

Labels: ActionScript 2, Flash, Flash Tutorial

Simply copy paste the moveclip into your flash file.
Leave your mouse cursor on the below flash file,



Download Source Files

Labels: ActionScript 2, Flash, Flash Resource

Download Source Files

Step 01: Before getting started, check if you have installed the following. If you have not installed these before, install it.

Adobe AIR - click here

Adobe Flash Player Update for Flash CS3 Professional (9.0.2):
Windows | Mac | Other Language Versions

Adobe AIR Update for Flash CS3 Professional:
Windows | Mac | Other Language Versions

Step 02: After you have installed all the above three files, open your Flash CS3.
Under Create New you can find a new option Flash File (Adobe Air)

Step 03: Select the Flash File (Adobe AIR) type. Now don't get scared that it is different from the usual Flash File type. All the concepts are same from movieclips to actionscript. Only the output will be rendered using Adobe AIR when you press Ctrl + Enter.

Step 04: On your main flash stage, just place a rectangle and a text above it.

Step 05: On the top menu, go to Commands -> Adobe AIR - Application and Installer Settings.
A settings window will open up, under window style select Custom Chrome (transparent)

Step 06: Click on Publish AIR file. A Digital Signature window will open up, click on create button to create signature and fill in the details and save the signature. In the Digital Signature window select the saved signature and click OK.

Step 07: Press Ctrl + Enter to test the movie, a window less (transparent) flash application will open up.

Tips:
1. To get the .exe file of the flash application, install the .air file that you have created.
2. You can add Adobe AIR to existing flash file, go to publish settings (Ctrl + Shift + F12), click on flash tab and select version as Adobe AIR 1.0

- End of Tutorial.

Labels: ActionScript 2, Adobe AIR, Flash, Flash Tutorial

Labels: Blog