How to set a hover state (upSkin) when hover on another element? This example is not working on spark:
[URL]
Would like to do something like this:
<s:Button id="but1"/>
<s:Button label="change" mouseOver="button2_mouseOverHandler(event)"/>
protected function button2_mouseOverHandler(event:MouseEvent):void{
//make but1 look like I'm hovering it
}
I need to trigger the hover state of a Flex button programatically, so that it looks like the user is hovering over it. There is a flex page about "Manually dispatching events":
[URL]
Which would work, but what I'd really like to do is change the style of the button without having to throw an event. How can I do this?
My goal is to remove all hover feedback from the UI. The motivation is for testing touch interface prototypes and not wanting users to have the queue of interactivity when the mouse hovers which they won't have with a touch interface.
I have a partial solution but it has two problems:
Requires an event handler on each component. Flickers on hover.
protected function ui_suppressHover(event:MouseEvent):void
{
var b = event.currentTarget as UIComponent;
[Code].....
I have spark skin a button with up, down, over, and disable states in a button component to create a modular. Is there a way when the user press and hold a key, the button will remain in 'down' state?
The button component include skinclass:
<?xml version="1.0" encoding="utf-8"?>
<s:Button xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code].....
I have a list component with a (row oriented) tile layout in a group that sits in the main Application. I want the list to be centred vertically when there are not enough items in to fill the application window height, so verticalCenter="0". However, when there are more items than can fit vertically on screen, the list expands beyond the application window height and the scrollbar doesn't kick in. I can remedy this if setting the list height to 100%, but that means it's not vertically centred when it contains less items. The ideal solution would be maxHeight="100%", but of course maxHeight doesn't work with percentages. How would I go about achieving this behaviour?
[Code]...
I need to add a rollover effect to the disabled state of a Spark button. This way, users can rollover the button and know why the button is disabled.I think I would have to override ButtonBase's getCurrentSkinState. Is there anyway to test if a mouse cursor is over a disabled button?
View 1 RepliesI have spark States declared in mxml. I also have a class with string constants. I want my states names to match the string constants. Is it possible to do that directly in mxml and how? [code]...
View 1 RepliesI found this example [URL].. which works great but only if you have the focussable elements in a VGroup.
However I have a Form inside the VGroup which means that the focussable elements are in FormItems of the Form. The Form can't be added directly into the Scroller and doesn't have a layout property.
I could use form.getElementIndex(formItem) and then do some math using the formItem y position but that's very ugly. Anyone have an idea how to get this working in a clean way like the above example?
I've got a whole bunch of data being displayed in different Labels, now I'm adding an edit state. I'd like all the labels to "transform" into TextInputs. I was just wondering if it possible to uses states to change
View 1 RepliesI have flash which contains the map of the United States. Each state is a separate button. When each state is in hover mode, it changes the look/size of that state and adds names of the cities in white on the particular state.I would actually like to add 2 things to this flash.
1) When the state is hovered over, not only will the state change, but the cities belonging to that state (in the list to the right, will highlight)
2) I would like the city names in the list, when hovered over to highlight and to activate the hover mode of that particular state. In addition, that cityName button in the list and the state button should be able to direct to a URL upon hit.
I currently have each state as a button with each state's hover mode changes.I will be changing the cityNames into buttons (they are currently MCs).Once I change the CityNames into Buttons, then modify their hover modes to look like a highlight, then I know to do the following for the URL direct:[code]One of these will go on each text cityname button. But how do I tell the button to also activate the NewYorkState_btn into hover mode?I will also need each State image button to automatically arrange to the front when they are hovered so that they will not be overlapped by other states.Also, What do I do to get each state to hover and simultaneously highlight the appropriate CityName button(s) in the list?I have included an image below (FLashMapHover.jpg) so that it is a bit more clear what I am trying to do.
I've some flex structure:
<s:BorderContainer id="addFunctionBarContainer" width="100%" height="50"
mouseOver="addFunctionBar_hover(event)">
<s:Button id="addFunctionBarButton" width="20" height="20"[code]..
Explain: when I hover addFunctionBarContainer the addFunctionBarButton state should be hovered.
I was able to get the links working as they should but i can find no way to get the hover effect (not even the doopingTextArea class) I have content coming in through XML (a list of words and link)... I'm trying to create a menu where when you rollover the word the entire background area of that menu item changes color. Just like a CSS menu that creates a hover state that fills the entire background area of that item. Since the content is dynamic, it would need to have a scrollbar that expands/contracts etc.
View 2 Repliesanyone who takes the time to read and answer this post. I'm having an issue on a file that I'm working on at work. The basis of the project is that its an image of a map, with windmills on certain cities. When you rollover the windmill various things happen. The turbine starts to spin, information about the project in that city shows up in dynamic text boxes, etc.
Anyway, I have one movie clip for the windmill with actionscript (that makes the things mentioned above happen) on the actual symbol, so I do not have to create different movieclips for each city. However, due the way this works, when your mouse touches one of the blades of the windmill turbines, the turbine spinning animation stutters. This happens because when the turbine moves it causes your mouse to rollOut of and rollOn to the windmill rapidly.
It seems that I need to create a hit state for the windmill that is smaller than the bounding box for the entire movieclip. I'm unsure how to do this since the on(rollOver) and on(rollOut) states of the movieclip prevent me from being able to place that type of actionscript on the actual hit state (which would be inside of the movieclip). I could easily just take the actionscript on the main movieclip symbol and put it on JUST the hit state inside, however, I would need 60 different movieclips of the windmill for each city if I did it this way.
Is there any way that I can define a hit state that is smaller than the bounding box of my movieclip button, so that I do not have to create 60 different movieclips? I forgot to mention: Unfortunately since I'm doing this for a client at work, I can not post my file up anywhere to show. So if you need any more information or I was not specific enough please let me know. Also, I can post my code if need be.
Add Button with dynamic text and hover state
I haven't used flash for a bit but I'm really stuck on something that should be simple.
I want to add buttons or MoiveClip to make a navigation.
Each button will have different text on it and they need a hover state that changes the color of the text.
I have done this to add the buttons with text. This works but I do get an error message.
How can I change the color of the text when I hover over the button ? How can I stop the error message ?
Quote:
TypeError: Error #2007: Parameter text must be non-null.
at flash.text::TextField/set text()
at Doc()
[Code]....
I have this code about navigation using movieclip buttons. I just made the currently selected button disabled when it is in the current page but I just cant figure out on how to maintain it in its hover state (It keeps on returning to its normal state).
Here's the code I've written on the first frame on the main timeline(scene1), I have 4 buttons namely mcButton1, mcButton2, mcButton3, mcButton4 and 4 labeled frames, page1, page2, page3 and page4.:
var page:String;
var btnArray:Array = [mcButton1, mcButton2, mcButton3, mcButton4];var pageArray:Array = ["page1", "page2", "page3", "page4"];
[Code].....
I have a button with a click event of "currentState='someState'". Is there a way to tell component to do some function like for example "Function()" when the state changes to "someState"? So execute a function when the state is changed.
View 1 RepliesI'm just wonder if its possible to change States via a function in flex?
View 1 RepliesFollowing is a simplified version of my mxml:
[Code]...
"A term is undefined and has no properties..." which points me to the line this.parent.currentState='edit'.
I currently use: Flexglobals.toplevelapplication.component1.compnent2.currentState = 'something';is there a better way of doing do? Can I bind the state of a components to variable in my model?
View 2 RepliesI can do this:
<s:Button id="Btn" enabled.State1="false" />
But the following code is giving me an error.
private function enableDisable():void{
Btn.enabled.State1="false"; //Error: Access of undefined property State1
}
How to code enabled.State1 in ActionScript?
I want to implement this script: [URL]...that is doing this "magic [URL]
...but I want to tweak it a little on InfoWindowTabbedComponent. To be more precisely I`m trying to insert links in that tabs, and when you click one the state will change.
You can see my custom InfoWindowTabbedComponent at the end of the post As you can see, right now I have 2 functions that open url`s.
What I`m trying to do is to change this:
var adobeURL:URLRequest = new URLRequest("http://www.microsoft.com" );
navigateToURL(adobeURL, "_self");
Into something that change the current state.
Here`s my custom InfoWindowTabbedComponent: [URL]
I have a s:List in my flex application attached to an ArrayCollection ( elements ). I want to change position of one element, so in fact I'm changing it's item index, the question is, how to do this kind of action ?
Here is a better example :
item 1 i : 1
item 2 i : 2
item 3 i : 3
item 4 i : 4
[Code]...
is there any way to change the black in background in the VideoPlayer component that comes with Flex 4 ?
I can change every color but i can't change the black in background.
I've got a spark buttonbar w/ a dataprovider as follows:[code]By default, the button's labels will be "Dave" and "Brenda", respectively. How can I dynamically change the label to the "addr" field when a user rolls over the button?
View 1 RepliesWhile I was trying to change the fontSize of titlebar of TitleWindows, the whole container changes to new font Size. But I do not want to achive this. I would like to get it only on the titlebar.The code I have used (not successful)
<s:TitleWindow name="MyTitleWindow"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
[code]....
I am using Flex4 and Spark.
How to create horizontal layout container like HGroup but with border and border radius?In this example there is some default height:
<s:BorderContainer width="100%" borderWeight="2" cornerRadius="5">
<s:layout>
<s:HorizontalLayout/>
[code]....
I want it to have height of the heighest element in container. Like in HGroup. Add: Why is height for above example BorderContainer equal to 112 ?
In flex 4.5, I have an application that has a BorderContainer that loads a spark list (mxml style - _myList and the borderContainer is stored in a library outside of the parent application) that loads an arrayCollection with an itemRenderer (I should note said itemRenderer is not an inline renderer - on selection of an item in the list, the itemRenderer expands, loads a particular control within the item renderer based on data passed from the selected item in the list) and allows the user to perform a search. This works all well and good on startup/load, until I try to change the dataProvider for the list (my app allows users to switch data sources which then creates a new dataProvider with new variables). I have tried:
[Code]...
I am learning Flex and trying to make a simple RPG to practice. I am using view states to change between screens. right now I have a HomeView.mxml which displays my character information, InventoryView.mxml which shows my inventory items, and EquipmentView.mxml which shows the equipped items. They each have their respective view states.
in my main mxml file, i create a global variable for the character and an ArrayCollection of items in the game. it creates 2 labels in mxml for Inventory and Equipment and when i click on the label it calls a click handler which sets currentState="EquipmentView" or "InventoryView" This works and the state changes and the respective views are shown properly. My problem is in my EquipmentView state. When i enter the state the first time, it has a creationComplete function which displays images for my equipment and sets a click handler. when i click the item, it "unequips" it and removes it from the equipment list and removes the image. this also works fine, but when I go to my inventory view and "equip" an item and return to the EquipmentView, the image does not show. I have a label which counts the length of my equipmentList variable and that is accurate when i switch views, but i cant get the image to display again. Is there a way to call my displayEquippedItems() function (which is originally called on creationComplete) when the view is changed?
[Code]....
For my custom components, when they go from enabled to disabled or disabled to enabled, I want to trigger a custom event. I can't find any related events in the livedocs.
View 2 RepliesI don't know if this is too difficult or too easy. My custom component is trying to listen to the main application's state changes using StateChangeEvent.CURRENT_STATE_CHANGE, but it's reporting its own state changes.
View 2 Replies