I am learning Flex and have an image I would like to changed on mouseover, and switch to another state on click.I do not want to use any of the buttons available in Flex.Does anyone know th code to achiev what I want?
View 1 Replies
I have three columns and the default visible state of last column is false.My problem is how can I change the visible state of the certain cell while the mouse over any part of the row
------------------------------------------------
| column1 | column2 | column3 (invisible) | row1
| column1 | column2 | column3 (invisible) | row2
------------------------------------------------
how can I show the cell(row1,column3) while the mouse over any column of row1.
I used play button image within datagrid iteam renderer, if I click image then move to another state (by using currentState ='play'). So I tried like
<mx:DataGridColumn textAlign="center" headerText="" dataField="col2">
<mx:itemRenderer><mx:Component>
<mx:HBox textAlign="center" paddingLeft="17">
<mx:Image source="@Embed(source='image/play_button.png')" click="currentState='Playsystem'"/>
</mx:HBox></mx:Component></mx:itemRenderer>
But it's shows error like undefined state 'Playsystem'. But Already I have state.
I have Flash var array that I want to swap for another array on mouse click. It currently loads the initial array into the empty MC perfectly. Now I need it to swap to var productTxt2 when the user presses buttonMC. My code is below.
AS2 code:
var productTxt1 = new Array(
"Product Name 1", "Price 1", "Headline 1", "Copy 1");
var productTxt2 = new Array(
"Product Name 2", "Price 2", "Headline 2", "Copy 2");
_root.createEmptyMovieClip("productInfoMC", 0);
[Code] .....
I'm a beginner in flash actionscript. I want to basically swap images using actionscript. So if you click on a thumbnail, the main big image will change corresponding to the thumbnail being clicked. I don't want to use a simple on click go to and play actionscript... I'll try to paint a picture of what I'm trying to achieve.
There is a background image, middle ground and foreground image... people will have a selection of thumbnails to chose from to change these images (so they are creating their own big picture) Once the user clicks on a thumbnail for the background, the main image will change corresponding to the thumbnail.. and the same for middleground image and foreground image. I can acheive this in director using lingo but I am required to use flash and actionscript.
Is it possible to change the state of a mouse using actions script. So if the user clicks and holds down the left mouse button MOUSE_DOWN is it possible for actionscript to change the mouse state to MOUSE_UP without the user releasing the mouse?
I have a MouseEvent.MOUSE_DOWN
stage.addEventListener(MouseEvent.MOUSE_DOWN, start);
but in the start function I would like to set the mouse state to MOUSE_UP even if the user holds down on the button.
function start ():void {
trace("You have pressed the mouse button");
//SET MOUSE TO MOUSE_UP
}
I want to change the color of my image when I move the mouse over it. So I've prepared 2 images and this is the eventListener:
[Code]...
Unfortunately when I move the mouse over, I only see a blank image (error, image not found). However the compiler doesn't give me any error, and I tried to use the same path of the original image, and also to remove "../" in case he is referencing from root directory in run-time. But still nothing. The image is stored there, of course. However if I can apply an effect to change the color from blue to orange to my image (by preserving the transparency), I could solve differently
I have a feeling I might be going about this all wrong. I have 3 objects (mask_cat, mask_dog, mask_sea_monster)on the stage and I want the user to be able to move them independently with the ol' click and drag. This is what I have:
[Code]...
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'm trying to find out how to make a simple image gallery which changes image upon a mouse click on a button, when a button is pressed I want the image to slide in from the left into the viewable area and then when another image is selected I want the previous image that was viewed to remain in the screen and then the new image slide across over the top to replace the image.
I can get the images to slide across from the left upon a mouse click however I can't change the layer order so if image 6 is viewed and then I click to see image 1, the image will slide into place however it will be below image 6 so therefore not viewable.
I don't have an example of what I'm after but I hope my explanation was good enough, I've seen this been done in javascript but I have to use flash and am unable to replicate the effect I'm after
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'm trying to makedress up game using flash cs5 (i'm new to all this so bare with me), and i have the body but i want to change the skin colour with a click of a button, i have 4 skin colours that i have ready but i'm not entirely sure how i can do this,
View 2 RepliesI 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]
im messing with a movieclip symbol and i want to make a button, what'd i mean on Mouse over display/change this image in this X,Y cords or replace this image, something close to what buttonSymbol does but i want to make it using movieClip symbol...
and i have no idea how to do it.. i started like this:
[Code]....
I have followed Ned's code from another post, whereby if a text button is clicked, the color will change. The code is like
var clicked:Boolean = false;
var clicked2:Boolean = false;
btn1.addEventListener(MouseEvent.CLICK, btn1click);
[Code]....
Now if I click on the first button, it changes color and stays like that, which is perfect. If I click on btn2, this changes color and stays like it. The problem is that if btn2 is pressed, it should change color and stay like it (as it is doing), but btn1 should return back to its normal color (black).
This is the website that I'm working on. Not much going on yet but I have this invisible button that turns the radio on and off.. what I would like to do is have an image of the radio that I made up where the light is on for when it turns on and then back to off for when it's off.
[URL]
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 RepliesHow 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've found a very annoying problem with the itemRenderers in a DataGroup in flex 4, when I mouseout of the itemRenderer is returns to its default state. Here's an example:
<s:Application
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]....
When the user clicks on the button the VGroup is collapsed as expected, but then if a user moves their mouse out of the item renderer it then collapses, i.e. returns to its default state.
I have this code which allows me to replace the mouse cursor with an image but i would also like to change the image when the mouse is clicked down using a different image. the code i am using for just replacing the mouse cursor is[code]...
i tried using a different code which i found but it failed to work with my project can anyone help me please
i am trying to make a animation in which Image change in slice while the mouse over the image and its come back to original image with slice yani reverce
View 1 RepliesI would like the native Flex checkBox to change state only, when the box is clicked. If user clicks the label the state shouldn't change.
The click event cannot be muted as it is utilized in parenting components.
how to obtain such functionality? How to detect, that user has clicked the label?
I have one list, which the item render it`s like this:link. But now I need to enable or disable the button delete depends the view state which my List is inside. This is my view(which contains the list):
[Code]...
I have a custom component ExpandCollapseMenu that extends SkinnableContainer.This component can have state "normal" or "expanded".Inside this component I have buttons, with different skin based on ExpandCollapseMenu's state.This works fine when defining the buttons inside ExpandCollapsMenu's skin class:
<s:Group id="contentGroup" top="20" left="10" right="10" bottom="10">
<s:layout>
<s:VerticalLayout/>
</s:layout>
[code]....
