How do I change the text on a button in AS3 (dynamically)

0
votes

I have created my own button class called custom_btn. I created it on the timeline and have exported it for use in ActionScript. I can make an instance of my button, and add it to the screen fine.

The button has a dynamic text field that I would like to change the text in. I have tried to give the text field a name on the time line and the access it when I make the button, but I get an error (I think this is because the name isn't being saved to the class). How do I change the text?

I want to do something like this:

var myButton:custom_btn = new custom_btn();
myButton.caption = "foo";
3
flashactionscript-3dynamic
If caption is the name of the TextField, try myButton.caption.text = "foo"; - Lars Blåsjö
I am creating the button with action script code. If I give it a name on the timeline it doesn't get saved. If there is a way to save the textfield name I would like to know. I try: put a textfield over my button, then convert to symbol. If I pick the newly created button from the library the textfield doesn't have a name. - Boundless
myButtonInstanceName.myLabelId.text - The_asMan
@The_asMan : please read my comment directly above your response. - Boundless
then post the code for custom_btn - The_asMan

3 Answers

0
votes

There seems to be some confusion here.

If you have created your own class called custom_btn (which ideally should lead with an uppercase letter) then try this...

Ensure you have a symbol in your library with the name Custom_btn.

Double click on the symbol to open in on the stage and add a dynamic text field. Embed the font glyphs if necessary and give it an instance name of txt.

Back in the library, ensure that symbol has Export for ActionScript and Export in frame 1 ticked in the symbol properties.

Ensure the Class: path points to the Custom_btn.as file. e.g. com.Custom_btn if the Custom_btn.as file sits within a folder named com.

package com {

    import flash.display.MovieClip;

    public class Custom_btn extends MovieClip {

        public function Custom_btn() {
            // constructor code
        }
    }

}

Then within your document class:

var myButton:Custom_btn = new Custom_btn();

addChild(myButton);

myButton.txt.text = "foo";
0
votes

A few things you can try:

1) Try not converting the text field to its own symbol. I rarely find this necessary. Instead, put the field on the stage and name it. If you name it 'caption' the code you want to set the text is:

myButton.caption.text = "foo";

2) Declare a public variable in your class named the same as your text field.

public var caption:TextField;

3) Use a system font - at least for now. This will make sure that something shows up, and it's not a font issue. Make sure to embed the font of your choosing properly if you decide to switch to non-system font.

I hope This helps you out.

0
votes

So, it turns out that I needed to make the button a MovieClip. Making the button a MovieClip allowed me to give the text field a name. I called the MovieClip "testBtn_mc", and the dynamic textfield inside it is called button_txt. The code then looks like:

var button:MovieClip;
button = new testBtn_mc();
button.button_txt.text = "New Text";
button.buttonMode = true;
button.mouseChlidren=false;

I hope this helps someone.