Adobe AIR Development

[richardyiu]

Hi everyone,  I have 2 questions that I want to ask:

1.  How to create an icon button using action script?

I add this part of code at the top of my .as file right below the package keyword:

[Bindable]
[Embed(source="/images/pause.png")]
private var pauseIcon:Class;

then in the main function I added this code:
var pauseButton:Button = new Button();
pauseButton.setStyle("icon",pauseIcon);

The compiler has problem with the "private var pauseIcon:Class;" line and the new button declaration line.  Am I declaring the right type of button?

2.  How to browse files in the simulator? I try to use browseForOpen but it doesn't work.  It only shows a blank dialog box saying no files match my criteria.

My code for browsing files:

var docFilter:FileFilter = new FileFilter("Files", "*.*");

var myFile = File.applicationStorageDirectory;

myFile.browseForOpen("Open",[docFilter]);

thanks

[Levion]

1. try this:

[Embed(source="/images/pause.png")] private var pauseIcon:Class;

var pauseButton:IconButton = new IconButton();
pauseButton.setIcon(new pauseIcon());

 what's the exact message of the compiler?

2. I think filebrowsing isn't really supported in simulator, yet. You can try to leave the filter. You should see a couple of images. There is nothing more you can do now.

[Harry_Dodgson]

Hi,

    You can browse() in the 0.9.2 SDK, but there is nothing in the shared folder until you put something there.  In the 0.9.0 simulator, there were 4 images there, but what was shown was pretty random.

Harry

[richardyiu]

thanks Levion,

I still got an error after changing my code.  "A file found in a source-path must have an externally visible definition. If a definition in the file is meant to be externally visible, please put the definition in a package."  Is it because I am not placing my .png file in the correct folder?

package{

import flash.display.Sprite;

...

[SWF(height="600", width="1024", frameRate="30", backgroundColor="#FFFFFF")]

[Embed(source="/images/player_pause.png")]  var pauseIcon:Class;

public class Main extends Sprite{

public function Main(){

var pauseButton:IconButton = new IconButton();

pauseButton.setIcon(new pauseIcon());

...

}

}

[jtegen · Accepted solution]

The embedded definition needs to be inside the class like a normal attribute/member of that class.  You have it outside the class.

[SWF...

public class Main extends Sprite

{

  [Embed(source="/image/player_pause.png")] private var pauseIcon : Class;

  public function Main()

  {

    var btn : IconButton = new IconButton();

    btn.setIcon( new pauseIcon() ); 

    this.addChild( btn ); 

  } 

} 

[JRab]

hey richard,

try getting rid of the first forward slash in your image path:

[Embed(source="images/player_pause.png")]  var pauseIcon:Class;

good luck!

[richardyiu]

thanks jtegen, finally I can see my button on the screen.  It's not quite what I expected though.  I see my square icon and a rectangular button underneath.  Is there a way to hide the rectangular button and just display the icon as the button?

JRab, it doesn't really matter, as not as I put the .png files under src\images\

[Harry_Dodgson]

---

richardyiu wrote:

thanks jtegen, finally I can see my button on the screen.  It's not quite what I expected though.  I see my square icon and a rectangular button underneath.  Is there a way to hide the rectangular button and just display the icon as the button?

JRab, it doesn't really matter, as not as I put the .png files under src\images\

---

Set the IconButton size to be the same size as your image.

[richardyiu]

thanks, finally I created the icons that I want.

Is there a way to automatically position the new button right next to the old button?  I don't want to hard code the position because it may change if the user rotates the screen

[jtegen]

var prev_btn : Button = new Button();

prev_btn.x = 10;

prev_btn.y = 10;

var next_btn : Button = new Button();

next_btn.x = prev_btn.x + prev_btn.width + 10;

next_btn.y = prev_btn.y;

??

Or you can use containers.