Archives by Month

September

2010

An Introduction to PureMVC – MMUG-Dublin (Dublin) – Meetup

I will be speaking to the Dublin Multi Media UG Oct 14 2010. I will be doing this remote so if any of you have been wanting a basic intro to PureMVC and you feel like it looks way to complicated and you just need someone to show you the basics then do not miss this talk.

If you are in the US then this event will be happening around 2:00 PM CST. Checkout the description and links below for more info and RSVP.

About the talk:

In this talk Matthew will explain the basics of using PureMVC with in
your projects to help you get on the road to better OO coding
practices and make your code more flexible and less prone to being
tightly coupled to a specific project. Included in the talk, he will
also be offering some helpful tips for setting up some code templates
to help you cut down on the amount of code you actually have to write
and ways to speed up the process of setting up your projects with in
FDT and Flash Builder.

Note: This will be an online presentation (and a link will be provided soon) but you are also welcome to attend this meeting at the New Horizons office as usual where the presentation will be shown on an overhead projector.

About Matthew

Matthew Wallace is a RIA Developer who primarily uses the Flash
Platform for developing. He has a passion for the problem solving and
creativity that comes with front end coding and working on multi-media
experiences in the Flash Player, which all started around around the
year 2002. He as worked for such clients as Adobe, Digital Reasoning,
Moontoast, and Health Ways. He also is the manager of the Nashville
Flash Platform UG.

http://matthewsloanwa…
http://twitter.com/ma…

Download AS3 libraries straight into your Flash / Flex project

If you do a lot of Flash development I am sure you have your favorite libraries you use on every single project. This could be PureMVC, Papervision3d, and so on.

I for one am so glad that I found this plugin for Eclipse. It allows you to right click in the project explorer, choose a librarie you want to use and it downloads and adds it to your project for you. It really is way better than having to copy paste from some lib folder you have stored on your HD.

What do you need for this to work?
– Eclipse 3.2 or higher
– Subversion command line tools (Windows: http://subversion.tigris.org/servlets/ProjectDocumentList?folderID=8100 Mac: http://subversion.tigris.org/getting.html#osx). To check if this is set up properly: open up a command prompt, type “svn” and hit enter. If it says “Type ’svn help’ for usage.” you’re good to go.

If you have this properly set up then download this jar file and place it in Eclipse’s plugin folder.

To check if it has been installed properly, right click on any folder and see if the “Download ActionScript Framework Here” option is there. By default there are no frameworks. You need to add them in Window > Preferences > ActionScript Framework Downloader.

The plugin has been tested on Windows, Mac, Flexbuilder standalone, FDT standalone. If for some reason it is not working on your machine, then please send me your Eclipse version, Java version and OS name/version.

If you know a framework that you’d like to see added to the list, just give me a shout and I’ll add it. Also, if you have an idea for an Eclipse plug-in, just let me know!

Download ActionScript Frameworks Preference Window

Download ActionScript Frameworks Preference Window

Add your own framework

Add your own framework

Right click on a folder and select “Download ActionScript Framework Here”

Choose the frameworks to download

The progress is shown in a console.

Awesome Flex support in your IDE

It’s no secret that I am huge fan of FDT. Today FDT 4 drops. One of the things that kept me from using it so much in the past was the lack of Flex support. You could code flex projects but there was always a bit of clean up to do hear and there to get it to work just right.

The new support in FDT 4 is awesome. You will find yourself thinking, “this is how it should be”, when you are coding your projects. Check out the demo below and give it a try today. They have a free trial, and if you are a professional Flex or Flash developer, I promise you will love this IDE.

Additional Flex Support

Flex support was improved dramatically, it includes FXG, Flex 4 States and the new MXML 2009 language tags now. We added Flex 4 support for the Debugger, Organize Imports, Quickfixes, Formatter and Toggle Comment in MXML.

How to use the MAMP Mysql command line client in a terminal

Open Terminal on your make and do the following

/Applications/MAMP/Library/bin/mysql -uroot -p

The -uroot tells the client you want to log in as user ‘root’ if you have other users you could equally log in as those. The -p tells the client to ask for a password, you can pass the password to the client so it won’t ask, but this will leave your password dangling in places like your bash history file. If you don’t care about that – then by all means change the -p to -psecret where your password replaces ‘secret’.

If you leave the -p as it is, you’ll be prompted for your password, which you can see on the MAMP ‘start page’ in case you have forgotten. If you have done it right you should now see a command line prompt like this:

mysql>

Use binding in your Flex 4 Skins

On a recent project I stated using Flex 4 and most of all the new
skinning markup. I really like it for the most part. It’s great to
separate a lot of drawing code from the actual component. One thing
that the project requires is to dynamically change colors of some of
the components as the user selects items in a list. Normally you would
have some logic that would redraw graphics or you would set up 3 or 4
css styles to switch in between.

I found that a great solution for this problem was to create a custom
skin, draw all my shapes with the new primitives markup, give them the
Stroke or Fill and bind the color property to the getStyle method like
so.

Here is the custom component for a titlewindow

package com.healthways.components.windows
{
import spark.components.TitleWindow;

/**
* @author Matthew Wallace
*/
public class CustomTitleWindow extends TitleWindow
{
private var _baseColor:uint;

public function CustomTitleWindow()
{
}

public function get baseColor() : uint
{
return _baseColor;
}

public function set baseColor(baseColor : uint) : void
{
_baseColor = baseColor;

this.setStyle('color', baseColor);
}
}
}
This code will draw a background for my custom component and I bind
color to getStyle()

<s:Rect left=“0” right=“0” top=“0” bottom=“0”radiusX=“5” radiusY=“5”>

<s:fill>

<s:LinearGradient rotation=“90”>

<s:GradientEntry color=“{getStyle(‘color’)}” alpha=“0.9”/>

<s:GradientEntry color=“{getStyle(‘color’)}”/>

</s:LinearGradient>

</s:fill>

</s:Rect>

Something like this would go in your style sheet

@namespace windows "com.mwallace.components.windows.*";

windows|CustomTitleWindow
{
skin-class: ClassReference("skins.TitleWindowSkin");
}

Adobe to Resume Work on Flash-to-iPhone Compiler – Mac Rumors

Developers develop no matter what. We love solving the problem. If that means we can use our current skills to do it then great. If not, then we learn and grow and use a different tools. I don’t think that Flash is the be all end all platform but you sure can use it for a tone of different projects. A big thanks to Apple for realizing that developers need the freedom to use more tools to develop for there platform. I am also sure they are also thinking more developers, more apps, more money. Hope I am not speaking too soon on this. Apple tends to turn things upside down by the choices they make. Sometimes we like this sometimes we don’t. The resent choice to allow developer to use different tools to create ios apps is a good move. I just hope the rumore that Adobe is going to resume work on the Flash to iPhone compiler is true.

Thursday September 09, 2010 10:43 PM EST
Written by Eric Slivka

Responding to Apple’s announcement that it is easing a number of restrictions on App Store app development including the use of third-party development tools, Adobe has indicated that it will resume work on its Packager for iPhone tool in Flash Professional CS5 that allows developers to export their Flash projects in native iOS format.

Apple’s announcement today that it has lifted restrictions on its third-party developer guidelines has direct implications for Adobe’s Packager for iPhone, a feature in the Flash Professional CS5 authoring tool. This feature was created to enable Flash developers to quickly and easily deliver applications for iOS devices. The feature is available for developers to use today in Flash Professional CS5, and we will now resume development work on this feature for future releases.

While Packager for iPhone is already included in Flash Professional CS5, Adobe had previously announced that it would cease work on the project in the face of Apple’s prohibition against its usage in creating applications for submission to the App Store.

Adobe also notes that developers who have used Packager for iPhone to create native iOS applications from Flash projects are already seeing their applications being approved by Apple for inclusion in the App Store.

Flex 4 Scroller using pure Actionscript

I had to figure out how to use the new Flex 4 scrolling using pure Actionscript over the last day or two. It isn’t obviouse what the set up is right away without seeking out some documentation or posts by other users. 

The MXML version would lead you to believe that you you would just addElement() to a scroller object and you would be good to go.


<s:Scroller left="2" right="2" top="2" bottom="2">
<s:Group id="vp" horizontalScrollPosition="57" verticalScrollPosition="198">
<mx:Image source="http://sites.google.com/site/hansmuller/Home/archive/gyro-original.jpg"/>
</s:Group>
</s:Scroller>

Here is an example of adding a scroller to a VGroup in pure AS3.

_vgroup = new VGroup();
_vgroup.gap = 0;

_scroller = new Scroller();
_scroller.percentHeight = 100;
_scroller.viewport = _vgroup;

this.addElement(_scroller);

As you can see you create the component instance that you would like to apply the scroller too. Create the scroller and tell the scroller what component it is going to use for it’s viewport and then you add the scroller to the display list. Doing this takes care of adding the component that you will be scrolling to the view for you. Pretty nice way of doing this but not the most obvious.