Flex :: How To Add More States To Button
Aug 11, 2010I would like to know if there is a way to add states to a button in flex 4 in addition to the default states that are present.
View 1 RepliesI would like to know if there is a way to add states to a button in flex 4 in addition to the default states that are present.
View 1 RepliesI came across this piece of code and it intrigued me. I haven't seen skinning like this before. I'd like to know if there are any downsides and alternatives to it. For example, is it cpu intensive like addChild calls are?
<s:Button id="loginoutBtn" right="10" top="10" label="Log out" label.loggedout="Log in" skinClass.loggedin="skins.FBLogoutButtonSkin" skinClass.loggedout="skins.FBLoginButtonSkin" click.loggedin="logout()" click.loggedout="login()"/>
[code]........
I want to use Log4Fx to log button clicks from a state as i have a state based application with transitions.So on each button click I want to log which state was the user in while he clicked the button because the state change happens on a button click. Can someone suggest a code snippet?
View 1 RepliesI have a button in my application and I want it to respond a bit in a special way. Initially the label color of the button is White, I want the color of the text to change to 50% white on the Over State and to 25% on the Down state. Is this possible?
I tried an alternative way using css which does not do the percentage stuff but only changes the color (see css code below), but this does not seem to work. I more specifically want the color to change in terms of percentage like I mentioned above.
Note that I am using the Skin file only to loads images for each state on the button.
s|Button#specialButton {
downSkin: Embed(source="text.swf", symbol="btn_focus");
overSkin: Embed(source="text.swf", symbol="btn_hover");
[Code]....
I have a menu with five nav buttons (atcually MovieClips). Each has three frame labels: "on", "stay", and "off". The rollover and rollout animations play flawlessly, but I'm at a loss as to how to give each button a sticky "active" state. I'd like the button to stay in it's active state until another button is clicked, then I would like it to play it's "off" animation. Each MC has this code:
[Code]...
I created some movieclip buttons, set a statement to disable it, but I can't enable them again when another button is selected how can i resolve this?
[Code]....
I work with Flash all day at work, and I've made a million buttons. But today, I decided to make a few at home for my personal website. I made a rectangle, turned it into a button symbol, and made keyframes on each state. When I tested it, it didn't work. If I go to Control -> enable simple buttons, it works just fine, but either testing it with ctrl-enter or opening up the SWF gives me a dead button with only the up state.
I uploaded the fla. How could something so simple not work?
It was created in flash CS4, but I saved it down to CS3/Flash player 9 for the sake of compatibility.
ive got an image with text pasted on the top. i want to turn into a button as when the mouse rolls over it i want it to go lighter. so i changed it into a button by pressing f8 convert to button and changed the alpha value in the over status, the brightness changed but the text diasappeared.take 2 - tried the same again minus the text, converted just the image to a button but now when i double click it to get the various hit, over down etc stage theyre not there! i tried to select edit but seemingly that just edits the alpha property but not in any particular stage
View 12 RepliesWell I've got some problems changing the Up, Over, Down and Hit state of my button. For example when I have created 4 of those states, and I just normally save my flash file, the next time I open it my states are gone but when I play my animation the button still works with the correct states (the created Up, Down, etc. states). But then again when I enter my editor to create those Up, Over, Down, and Hit states they're just missing?
View 1 RepliesWhat i need is a series of pictures on a row that is mouse sensitive, if you move the mouse the gallery move in a loop, (no stop!)All theese pictures need thees effects:
Normal state: blur
rollOver: unblur
rollOut: blur
click: unblur and desaturate
clicked: all picture pressed remains desaturate until you reload gallery.
what i have done is this:
Code:
import gs.*;
this.buttonMode = true;
[code]....
This works but i would like to have unblur the last button pressed...[URL]
I have a mouseOver and mouseOut stage of a button. Each button has some text in it. When I rollover the button the button does some animation, however, as soon as I rollover the text, which is inside the button, it triggers the rollout event. The text is inside the button and is inside another movie clip with no actionscript applied to it. The text is even non-selectable. What am I doing wrong?
[AS]
for(var i:Number = 1; i<4; i++){
var tmpMC:MovieClip = getChildByName('main_link'+i) as MovieClip;
[code].....
I am trying to complete my navigation bar. I have the onRollOver / Out and Release states finished, my only problem now is that onRelease is not reversable. Once I click on another button, my previously pressed button is still in its down state. All my buttons have been created dynamically with no timelines involved. He is the button code that is within a for loop:
[code]
navBar["myBtn"+i].onRollOver = function() {
//create pointer mc over button
[code].....
I have a movie that loads 5 external swfs. I want the buttons (or Movie clip buttons) to have up,over and down states and show the section loaded. Here is my code. I worked out all the errors. I figured I would work out the buttons first. I can't get them to hover or click at all.[code]
View 10 RepliesI'm just looking for a simpler way to control button states instead of writing separate onRollOver, onRollOut, onRelease for each button. I tried to control them all through an array. The button Movieclips are nested in two movieclips. main_nav has 5 movieclips and main-nav02 has 2 movieclips. I have a general idea of how an array works, how to set up elements and how to access each node (not sure about that last one).
This is my code so far.
Select all
////////MAIN NAV ROLLOVER CONTROLS
var navArray:Array = new Array("main_nav.one","main_nav.two","main_nav.three","main_nav.four","main_nav.five","main_nav02.one","main_nav02.two");
var indexNav:Number = Math.floor(navArray.length);
[Code] .....
I have been working on a button class and ran into a little bit of a snag.
Here is the class I created:
package
{
import flash.display.*;
import flash.events.*;
[Code]....
Now while this class is working, I can't seem to figure out how to make it so when you click on one button it makes sure all the other buttons are sent back to the offState. I am using _mc's for my buttons. I think I need to put my buttons into an array and keep track of them at way, but I'm not sure about how to do that. Would I be able to get this effect to work in this .as file or would i need to write another one to control the buttons and where they are in there states(up/down/over).
I have a button hit state called btnWorkH, below is the start of my code to make it functional. The idea being, that when someone clicks the button, I add a child to the top, to make it look like it has been clicked and is maintaining an alternate color. How would I code this so that it becomes a toggle? As, I need a click (once this action has been performed) that removes the child... just not sure how to write the condition for this.
btnWorkH.addEventListener (MouseEvent.CLICK, workClick);
function workClick (e:MouseEvent):void{
addChild (workO);
workO.x = 62.5;
workO.y = 109.3;
addChild (txtAmy);
txtAmy.x = 105.1;
txtAmy.y = 109.3;
}
I'm pretty new to this and racking my brains on the following problem: I have a movieclip-button, with 3 states (normal, over and clicked). I want to disable the functions in actionscript 3 that switch between the normal and over-states after the button is clicked, and not enable these functions for this button until another button is clicked. What's the best/ simplest way to do this?
View 5 RepliesI have 7 buttons on my stage (buttonA, buttonB, etc) all MC's. I would like to control the RollOver, RollOut & CLick with AS3. At first I thought I could just tell my button Listener where to go
i.e. gotoAndStop(2) which is RollOver state.
or gotoAndStop(3) which is Click state.
and gotoAndStop(1) which is RollOut state.
But when I "Click" and then rollout, I need the button to stay "clicked" until some other button is "clicked".
The parent slide show has audio buttons: mute, volume up, volume down, and replayThe loaded swfs will need to play sound based on user interactions, but how do I make it so the loaded swfs play at the appropriate volume set at the parent level? The parent does not exist at compile time, so a parent method call won't work. Somewhere I though I read I could use dispatchEvent to get the child swf to listen to the parent's button changes and make appropriate changes in its own volume levels.In the main class of the parent swf, I instantiate AudioPanel (as audioPanel) which builds the controls, keeps track of the volume and mute state, and dispatches a custom AudioEvent event when the buttons are clicked.The main class of the parent listens to the events dispatched by AudioPanel with this code:
ActionScript Code:
audioPanel.addEventListener(AudioEvent.VOL_CHANGE, volChangeEventHandler);
audioPanel.addEventListener(AudioEvent.REPLAY, replayHandler);
[code].....
I did a search through the forum and thought I found what I wanted, but in the end couldn't get it to work, so basically all I need is to trigger a sound when the mouse cursor is over the "over" / "out" state. Since I have animations to the buttons, I already have this existing script working fine, just need that extra line of code to add sound to the certain state, but I couldn't think of it off the top of my head:[code]
View 2 RepliesI have a flash header at the top of an HTML page. Inside the flash header resides the navigation with mouse over buttons. Home | Services | FAQ | Contact Us When a person is on the Home page, I wish for that button to be in the mouse over state, which is 'active' state. The user then goes to the Services page, and there too, when the user gets to this html page I wish for this to go active. And so on and so on. How do I do this without making 4 different flash files? Isn't there a way I can control the movie clip's or button's states from the html page?? I believe I've seen this before but cannot for the life of me find a tutorial.
View 2 RepliesI'd like to make a button, but also with rollout state, thus I have to make it from MovieClips.All I have done is that incorporated three MC (up_mc, rollover_mc, rollout_mc) into a btn_mc,and applied some AS code to call the different mc-s at different mouse states.I attached an fla made with MX to show how I imagined.. but still does not work.
View 3 RepliesI have a mc which is 3 frames, with labels "Not Selected", "OverState" and "Selected". I add them to the stage with the first block of code, that is fine. The second block of code is my attempt to handle the states of the buttons. A selected mc goes to the correct state but it needs to go to "Not Selected" when another is clicked. My code does not do that. Also how do I handle the problem of MouseOver and MouseOut still working after a button is clicked?
PHP Code:
var numBtnArray:Array = new Array;
//add number buttons
function addNumButtonsToStage():void{
for(var i:int = 0; i < 4;i++){
var numBtn:numBtn_mc = new numBtn_mc();
buttons_mc.addChild(numBtn);
[Code] .....
Is it possible to change the value of a dynamic text box inside a button's up/over states? For example, I have a button in my library which has a dynamic text field in both the up and over states. My AS loads XML data and adds the correct number of buttons while filling in the text boxes from the XML data. It seems like this should be possible, but so far I haven't made any progress.
View 3 RepliesI have 5 buttons. Each of which have different movie clips in the up, over and roll out state. To be more specific, each button looks like a window. on the up state curtains cover the windows. on roll over the windows open. on roll out they close again.
What I want to do is ON PRESS force the button to go to its roll out state and then cut off all user activity from all the buttons until the transition to the next page takes place.
I'm working in Flex 4.1, and I have a viewstack and tabbar as my main navigation. A user logs into the application and should then only be able to see what tabs are available to his user level.I am trying to stick with MXML as much as possible, since it works well with the framework. But I'm goin numb thinking about this. What are the common practices for doing this?FYI: the user level is slightly to complex for states. There are lots of options, way to many to comfortably do w/ states and state groups.
Chimp is a pretty cool library for those interested. It's a little old and there doesn't seem to be much motivation to expand it past UIComponents. So for my purposes it wont do.Again, what do you do for setting up these systems?PDATE: I had to compromise, but it actually worked out pretty well in the end. Instead of destructively laying on permissions (having everything available at first and removing the elements thereafter), the system now works constructively. Here's a sample:
[Bindable]
public var managePage:ManagePage;
[Bindable]
[code].....
I'm interested in finding out the best approach to this issue, it's not technically difficult but there must be an elegant solution. Basically i have a form that features mostly text inputs, i would like to change the style of the input boxes based on the current state. I can do this in the mxml on each input...
[Code]...
I'm trying to work out how to use states in my Flex app.I've created two states, State1 and Stage 2. Both are based off the base state. I've created a few visual elements for State1, and given each of them includeIn="State1".But when I'm in design mode and click on State2, these elements are still visible?If I try to delete them while State2 is selected, all that happens is RemoveChild is added to the State2 tag.
View 1 RepliesI have an app that I am currently using a viewstack to display each page and I am wondering is this the right way to go, or should I use different states (or something else).
The site is powered by a menu bar with the top level items of Home, Tools, Support. Underneath the Tools menu is a submenu with Tool1, Tool2, Tool3. Currently when the user clicks on any of the tools in the Tool submenu I bring up a child container from the viewstack (each child is actually in a separete component).
I have the following panel component called AdvancedPanel with controlBarContent:
<!-- AdvancedPanel.mxml -->
<s:Panel>
<s:states>
[Code]....
Using the CustomAdvancedPanel inside an application component shows an empty panel with the "Go to edit" button. But when I click it, the "Extra edit button" becomes visible, but the "Show in edit" button inside the controlBar doesn't.
When the CustomAdvancedPanel is empty, without redeclared states and "Extra edit button" the panel works just fine.
I think it is because the State object declared in AdvancedPanel isn't the same as CustomAdvancedPanel, so the state is different, even if they have the same name. However. I can't use the states of AdvancedPanel inside CustomAdvancedPanel without (re)declare them in mxml.
Is there any way to achieve this kind of state-reuse? Or is there a better way to obtain the same result?