As you might already know, you can convert any custom artwork to a "Button" type component in Flash Catalyst and Flash Catalyst automatically creates all the required states like Up/Over/Down/Disabled. And you can also modify these states for further customization.
You can display a hand cursor on any component by selecting "Hand cursor" checkbox under "Appearance" tab of "Properties" panel inside Flash Catalyst.
Regarding your second question, do you have multiple videos imported and you want your single Video Player component to switch between them when a button clicked? If that is the case, I'm afraid that there is no way in Flash Catalyst as of now to do this without using States. But, you can definitely do this by adding a single line of code in Flash Builder. Let us know if you need any help in doing the same.
Thank you for the response!
I was curious to know when you have a video on a state, then say you want to transition to another video without using a second state. So basically looking to have one video play then fade out the the second video fade in, but all on one state. Basically I need more states, which I know I can make inside of other state, but then you can't use the Button component on graphics, it has to be a Custom/Generic component which of course you cant apply up/over/down states. This program really needs more custom key-framing capabilities. Correct me if I'm wrong but you can only adjust the transitions between states but nothing that actually happens on the state?
You are right that you can apply transitions only between states and not for changes in the same state.
Regarding the problem with Button states, if for some reason you are unable to conver to Button, you can still add your own states to custom component and add "Mouse up", "Mouse down", "Roll over" & "Roll out" interactions to make the custom component behave same as button.
Good enough, thank you!
1 person found this helpful
For video specifically, you can change the video without creating separate states for each video. Here's how:
- Let's say you have a button, and you want clicking the button to change from 'video 1' to 'video 2'
- Select the button an choose Add Interaction > On Click > Play Action Sequence
- Select the video
- In the Timelines panel, choose Add Action > Set Property
- In the Properties panel, set the property to Source and then choose your 'video 2' asset as the value
This won't do any nice animation -- the video will just jump from one to the other. State transitions are much more flexible, but in an action sequence you do have the ability to do some animation. (It is a "sequence" after all!) If you just wanted to do a fade out - fade in (not an overlapping crossfade), that's pretty simple:
- Continuing from the steps above...
- Make sure the video is still selected
- Add Action > Fade
- Set the fade to go from 100 to 0
- Add Action > Fade again
- Set the fade to go from 0 to 100
- Position the Set Property action right in between the two Fades (so that the video is swapped right at the moment it's invisible)
Hope that helps!
1 person found this helpful
Also, just to be clear: it's perfectly ok to create a generic custom component that contains its own set of states, and also contains one or more clickable button components. A component can contain other components -- e.g. in this case, a generic custom component containing a custom button.
That was the answer I was truly looking for. Thank you very much Peter!
No problem -- glad to help!