Feathers Starling AS3 AIR theme

Question

I am building an AS3 project and I want to incorporate Feathers into it however I am confused when trying to follow their documentation. Probably my fault!

I am trying to add a theme (MinimalMobileTheme) however I have no idea where to add the theme folder or what folders I should be adding or how I show be adding them.

I am using Flash Builder.

Any help appreciated.

Answer 1

Okay just followed this tutorial to get Starling and Feathers setup:

http://gamua.com/starling/first-steps/

Downloaded each from their respective github repos and extracted then added the source folders to the build path as specified. Change the renderMode to direct in the -app.xml file, and used the sample to be sure Starling itself is working fine.

I'm now working through the theme usage but it appears there's basically just one big sprite sheet png that's used and an XML file that goes along with it and a font for each theme. I imagine this will work the same way where you simply download the source and link it in the flash builder project properties (can right click the project in the navigator and go to properties, or go to the main project menu and select properties, then go to ActionScript Build Path and add source folders).

The Embed's should be relative to one of your build paths.

Here's some resources that have helped me out so far:

http://wiki.starling-framework.org/feathers/getting-started

http://www.hsharma.com/tutorials/starting-with-starling-ep-1-intro-setup/

Hang up I just ran into an error trying to use feathers and looks like the dev is aware and they're working through some kinks with current revisions so it'll take some considerable effort to dig through and fix the issue (being a newb here). If you've gotten the current head of both to work or some older revision let me know and I'll take another crack at it.

http://forum.starling-framework.org/topic/error-supportscissorrectangle-this_scissorrect

The example posted to the Feathers site uses this in the source:

private function addedToStageHandler(event:Event):void
{
    this._theme = new MetalWorksMobileTheme(this.stage); //start using theme

    this._navigator = new ScreenNavigator(); //components added afterwards have theme applied
    this.addChild(this._navigator);

Answer 2

follow the following steps 1)extract the file feathers-1.0.1 to desktop 2)right click on the project name on your package explorer and go to properties 3)select source path 4)add new folder feathers-1.0.1\\themes\\MetalWorksMobileTheme\\source folder on your desktop 5)ok. ok. then import package with

import feathers.themes.MetalWorksMobileTheme;

and follow the next steps in tutorial http://wiki.starling-framework.org/feathers/getting-started