Flex Examples » View Source http://blog.flexexamples.com Just a bunch of Adobe Flex Examples Wed, 26 Jan 2011 18:09:51 +0000 en hourly 1 Publishing a project’s source code in Flex Builder 3 beta 2 http://blog.flexexamples.com/2007/10/21/publishing-a-projects-source-code-in-flex-builder-3-beta-2/ http://blog.flexexamples.com/2007/10/21/publishing-a-projects-source-code-in-flex-builder-3-beta-2/#comments Sun, 21 Oct 2007 07:20:59 +0000 Peter deHaan http://blog.flexexamples.com/2007/10/21/publishing-a-projects-source-code-in-flex-builder-3-beta-2/ I briefly touched on this in my previous post, “Publishing a release version of a Flex project”, but I thought it was important enough to dedicate a new entry to.

If you are just getting started with Flex Builder 3 (or Flex in general), or are migrating from Flex Builder 2 or Flex Builder [...]]]> I briefly touched on this in my previous post, “Publishing a release version of a Flex project”, but I thought it was important enough to dedicate a new entry to.

If you are just getting started with Flex Builder 3 (or Flex in general), or are migrating from Flex Builder 2 or Flex Builder 3 beta 1, the steps to enable the “view source” context menu in your Flex applications has changed somewhat.

Currently (as of Flex Builder 3 beta 2), if you want to enable view source, you can do so in the “Export Release Version” dialog box (found by selecting Project > Export Release Version from the main menu), and clicking the “Enable view source” check box in the View source section. If you want to specify which files are included/excluded, simply click on the Choose Source Files button and check or uncheck files at your leisure. For example, in some of my examples, I may not include fonts which I downloaded elsewhere from the Internet. So I would go into the Export Release Version dialog box, click on Choose Source Files and deselect the fonts and then publish my Flex application. Of course, I always include a note explaining where you can obtain the specific fonts I used, but it makes it so developers visit the site, check out the copyright information, and sends a bit of traffic to the font makers site. But I digress… Back in the Publish Application Source dialog box (which can be found by clicking the Choose Source Files buton in the Export Release Version dialog box, whew!), you can also specify where the generated source files will be copied to. By default the files will be placed in a folder named /srcview/ within your /bin-release/ folder of the published project files.

There you have it. Publishing your application source files with Flex Builder 3 (beta 2). Most, if not all, of the SWFs on this site should have view source enabled. Simply right-click on a SWF file and select View Source from the context menu. This allows you to view a nicely formatted/colored version of the source code, as well as download the source files as a handy ZIP file, or click on a link to download the Flex 2/3 SDK.

And remember, “sharing is caring”(tm).

 
]]> http://blog.flexexamples.com/2007/10/21/publishing-a-projects-source-code-in-flex-builder-3-beta-2/feed/ 3 Publishing a release version of a Flex project http://blog.flexexamples.com/2007/10/20/publishing-a-release-version-of-a-flex-project/ http://blog.flexexamples.com/2007/10/20/publishing-a-release-version-of-a-flex-project/#comments Sun, 21 Oct 2007 06:27:27 +0000 Peter deHaan http://blog.flexexamples.com/2007/10/20/publishing-a-release-version-of-a-flex-project/ In Flex 3 Beta 2, the default application publishing behavior changed slightly. Now, by default a debug version of your Flex application will be generated when you select Run or Debug. Due to the file size differences between a debug and release version of a SWF file, you’d never want to deploy a debug version [...]]]> In Flex 3 Beta 2, the default application publishing behavior changed slightly. Now, by default a debug version of your Flex application will be generated when you select Run or Debug. Due to the file size differences between a debug and release version of a SWF file, you’d never want to deploy a debug version of a SWF into a production environment.

For example, consider the following simple, yet rediculous example:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="absolute">

    <mx:String id="str" />

    <mx:DataGrid />
    <mx:List />
    <mx:Button />
    <mx:Accordion />
    <mx:TileList />
    <mx:Panel />
    <mx:HSlider />
    <mx:TextArea />
    <mx:TabBar />
    <mx:Label text="{str}" />

</mx:Application>

If you select Run > Run from the main menu, the file size of the generated SWF file is roughly 490 KB. By exporting a release version of the same project, the SWF size drops conderably down to roughly 300 KB (saving you about 190 KB, or 39% file size).

This is all good in theory, but how do you export a release version of a SWF, you may be asking yourself. Why, simply select Project > Export Release Version from the main menu. Flex Builder brings up the Export Release Version dialog box which lets you specify a path where the optimized release version SWF/HTML/JavaScript files are located (you may or may not see all these files depending on what settings you specified in the project properties Flex Compiler settings). By default the release version of the files will be located in a /bin-release/ folder. If you want to enable the right-click view source option for your Flex application, select the Enable view source check box and optionally select which source files will be included. When you are finished with the Export Release Version dialog box, simply click Finish and Flex Builder will generate/copy all the files based on your project settings. Simply navigate to the project folder on your hard drive and copy/upload the desired files to the server.

Congratulations, you just deployed a release version of a Flex app!

 
]]> http://blog.flexexamples.com/2007/10/20/publishing-a-release-version-of-a-flex-project/feed/ 5