Filed under Tips, Tricks, and Hacks

Using ant for Flex – a no B.S. guide – Part 3 of 4

by

This third installment talks about tips and tricks for using ant with version control systems.
Continue reading

Tagged , , , ,

Using ant for Flex – a no B.S. guide – Part 2 of 4

by

In this part, I get more nitty-gritty about working with flex’s ant tasks.
Continue reading

Tagged , , , , ,

Using ant for Flex – a no B.S. guide – Part 1 of 4

by

About to burst with build targets

After spending hours wrangling with my ant build script and finally making everything work correctly, I am convinced of two things:

  1. ant is a very powerful tool for compiling code but it can also do so much more.
  2. The support for ant for flex online is abysmally frustrating.

So, I’d love to share with you some of the tips I’ve picked up after tweaking my script to the point where it finally worked!

Introducing ant

First of all, let me introduce the basics of what ant is. I couldn’t really say it better than the thousands of nameless editors of WikiPedia.

Apache Ant is a software tool for automating software build processes. It is similar to Make but is implemented using the Java language, requires the Java platform, and is best suited to building Java projects.

The most immediately noticeable difference between Ant and Make is that Ant uses XML to describe the build process and its dependencies, whereas Make has its Makefile format. By default the XML file is named build.xml.

Ant is an Apache project. It is open source software, and is released under the Apache Software License.

So in short, ant lets you use an XML based script to run a series of commands typically used to build software projects. It was originally designed to be “for Java, in Java” but it’s popularity and ease of use has created interest beyond the Java community. For flex, ant can be used for compiling ActionScript and Flex projects into SWFs, creating SWC files, generating documentation with ASDocs, and other actions associated with compiling.

There are a lot of great tutorials online that can cover the basics of how ant works so I’m not going to go into a general overview in this article. Instead, I’m going to try to focus on some of the practical aspects of getting a build set up when working with Flex. However, here are some links to the official ant documentation some helpful tutorials for the basics:

Ant Basics tutorial

Another basics tutorial (this time for Flex)

Official Flex documentations

Ant Folklore

After the jump, I’ll get into some of the ways that ant can be useful for Flash and Flex projects.
Continue reading

Tagged , , , , , ,

FlexBuilder / Eclipse keyboard shortcuts that will change your life

by

  • Control + O = Open an outline of functions within the current class to jump to.
  • Command + Shift + T = Jump to a type (class or interface). Only works when an .as or .mxml file is open.
  • Command + Shift + R = Jump to a resource. Includes classes and any other files (such as XML files)
  • Command + L = Jump to a line number
  • Command + Shift + C = Wrap / Unwrap selected text in a block comment (/* */)
  • Command + Shift + / = Comment / uncomment the selected line using  an inline comment (//)
  • Command + Shift + D = Add ASDoc style comment
  • Command + D = Delete the selected text
  • Command + UP = Move the selected up
  • Command + DOWN = Move the selected text down
  • Command + Option + UP or DOWN = Duplicate the selected text above or below the selected line
  • Command + X = Make selected text ALL CAPS
  • Command + Y = Make selected text all lowercase
  • Command + Shift + R = Rename selected element (using refactor)
  • Command + M = Maximize / Minimize current view
  • Control + Tab = Jump to an open file editor
  • Command + Shift + L = Keyboard command list. Press it again to edit commands.
  • Command + F = Find / Replace dialog.
  • Command + Shift + G = Find any references to the selected element within your project
  • Command + Click or F3 = Jump to the definition of the selected element
  • Command + J = Find within document. Type the word you want to find then use up and down to skip between instances. Press ESC to cancel.
  • Command + Shift + P = Jump to matching bracket. e.g. jump from } to {
  • Control + H = Search (rather than find) allows you to search within the entire workspace.
  • Tab / Shift + Tab = Indent / Un-indent selected text.
  • Command + Option + Left / Right = Jumps to the location of the previous / next edit without undoing your change.
Tagged , , , , , , , , ,

Using XML Schemas in Eclipse / FlexBuilder

by

UPDATE: After reading the entry by Misprintt on the SchemaManager and XMLDecoder more thoroughly, I felt the need to tell you all to go check it out! This is a very powerful undocumented feature of Flex (why undocumented?) that could potentially save loads of time on a larger project. Along with the rest of this article, you could automate the parsing of your XML files into bindable model classes with ease.

XML-Schema (.XSD extension) are documents used to describe the format of XML files. They are similar to DTD (Document type declaration) files but much more powerful.

xsd editor

While working on some XML documents for a Flash site, I stumbled across the XML-Schema editor for Eclipse. The editor shows the XSD as a graphical representation of the model that you’re editing that looks similar to a UML class diagram.

Here’s a great article on how it works.

Continue reading

Tagged , , , , ,