[flexcoders] Transitions - How to
I asked about this over in the forum a couple of days ago and refreshed
the post to re-add it to the first page, but no one has an answer.
What is happening is when the user clicks a button on the input form it
is replaced with a result form. This is done by switching states and
works. What I want to happen is the input form fade out and the result
form fade in.
I have tried several things with this being the latest (going against a
textarea) - transition:
s:transitions
s:Transition fromState=Input toState=*
s:Fade
target=fsPageTitle duration=2000
alphaFrom=1 alphaTo=0/
/s:Transition
s:Transition fromState=Results toState=*
s:Fade
target=fsPageTitle duration=2000
alphaFrom=1 alphaTo=0/
/s:Transition
/s:transitions
Here are the parts I want to fade in/out:
s:BorderContainer
id=inputFormBC
width=100%
includeIn=Input
backgroundColor=#DEDACF
chromeColor=#DEDACF
borderVisible=false
s:Group
horizontalCenter=0
width=100%
DHSComp:InputForm
id=inputForm
width=100% /
/s:Group
/s:BorderContainer
s:BorderContainer
id=resultFormBC
width=100%
includeIn=Results
backgroundColor=#DEDACF
chromeColor=#DEDACF
borderVisible=false
s:Group
horizontalCenter=0
width=100%
DHSComp:ResultForm
id=resultForm
width=100% /
/s:Group
/s:BorderContainer
I've tried using the BorderContainer or the component. I've tried going
against a control just to see if something simple works:
s:TextArea
id=fsPageTitle
alpha=1
text={pageTopText.pageTitleText}
styleName=pageTitle
width=60% height=25
textAlign=center
tabIndex=10
contentBackgroundColor=#dedacf
horizontalCenter=0
fontSize=16
top=0
borderVisible=false
verticalAlign=middle/
In this last test, I got this error:
Error: Property alpha is not a property or a style on object
fsPageTitle: TypeError: Error #1006: value is not a function..
at
spark.effects.supportClasses::AnimateInstance/setupStyleMapEntry()[E:\de
v\4.x\frameworks\projects\spark\src\spark\effects\supportClasses\Animate
Instance.as:994]
at
spark.effects.supportClasses::AnimateInstance/setValue()[E:\dev\4.x\fram
eworks\projects\spark\src\spark\effects\supportClasses\AnimateInstance.a
s:1009]
at
spark.effects.supportClasses::AnimateInstance/applyValues()[E:\dev\4.x\f
rameworks\projects\spark\src\spark\effects\supportClasses\AnimateInstanc
e.as:510]
at
spark.effects.supportClasses::AnimateInstance/animationUpdate()[E:\dev\4
.x\frameworks\projects\spark\src\spark\effects\supportClasses\AnimateIns
tance.as:669]
at
spark.effects.animation::Animation/sendUpdateEvent()[E:\dev\4.x\framewor
ks\projects\spark\src\spark\effects\animation\Animation.as:811]
at
spark.effects.animation::Animation/start()[E:\dev\4.x\frameworks\project
s\spark\src\spark\effects\animation\Animation.as:1304]
at
spark.effects.animation::Animation/play()[E:\dev\4.x\frameworks\projects
\spark\src\spark\effects\animation\Animation.as:1011]
at
spark.effects.supportClasses::AnimateInstance/play()[E:\dev\4.x\framewor
ks\projects\spark\src\spark\effects\supportClasses\AnimateInstance.as:49
1]
at
spark.effects.supportClasses::FadeInstance/play()[E:\dev\4.x\frameworks\
projects\spark\src\spark\effects\supportClasses\FadeInstance.as:174]
at
spark.effects.supportClasses::AnimateInstance/startEffect()[E:\dev\4.x\f
rameworks\projects\spark\src\spark\effects\supportClasses\AnimateInstanc
e.as:422]
at
mx.effects::Effect/play()[E:\dev\4.x\frameworks\projects\framework\src\m
x\effects\Effect.as:1214]
at
mx.core::UIComponent/commitCurrentState()[E:\dev\4.x\frameworks\projects
\framework\src\mx\core\UIComponent.as:10088]
at
mx.core::UIComponent/setCurrentState()[E:\dev\4.x\frameworks\projects\fr
amework\src\mx\core\UIComponent.as:9961]
at
components::InputForm/swapToResultsState()[C:\FSCalc\Flex\FSCalc\src\scr
ipts\FSUtil.as:71]
at
RE: [flexcoders] Transitions - How to apply movement to SetStyleAction(horizontalCenter proprety)
Hello Jason,
Here is the code sample (the not working version,
using the setStyleAction). Ive found out that the problem is related
with the Fade Effect before the Move Effect. If you comment the Fade Effect it
all works.
?xml version=1.0 encoding=utf-8?
mx:Application
xmlns:mx=http://www.adobe.com/2006/mxml layout=absolute
mx:states
mx:State
name=OpenState
mx:SetStyle
target={PanelRight} name=horizontalCenter
value=130/
mx:SetStyle
target={PanelLeft} name=horizontalCenter
value=-117/
/mx:State
/mx:states
mx:transitions
!--
Abertura de Painel de Logon --
mx:Transition
id=openLoginPanel fromState=*
toState=OpenState
mx:Sequence
mx:Parallel
mx:Fade
alphaFrom=0.4 alphaTo=1
target={PanelLeft}/
mx:Fade
alphaFrom=0 alphaTo=1
target={PanelRight}/
/mx:Parallel
mx:Parallel
mx:Move
duration=1000 target={PanelLeft} /
mx:Move
duration=1000 target={PanelRight} /
/mx:Parallel
mx:SetStyleAction
relevantStyles=horizontalCenter filter=move
target={PanelLeft}/
/mx:Sequence
/mx:Transition
/mx:transitions
mx:Panel id=PanelRight
width=294 height=148 horizontalCenter=-18
verticalCenter=0/
mx:Panel id=PanelLeft
width=240 height=154 horizontalCenter=-46
verticalCenter=0
mx:Button label=Change
State click=currentState = 'OpenState'/
/mx:Panel
/mx:Application
Best regrads,
Nelson
Batista
Dep. Informática Área de Desenvolvimento
Cofina media
Avenida João Crisóstomo, Nº 72 . 1069-043
Lisboa PORTUGAL
Tel (+351) 213 307 746 . Fax (+351) 213 540 370
[EMAIL PROTECTED]
From: flexcoders@yahoogroups.com
[mailto:[EMAIL PROTECTED] On Behalf Of Jason Szeto
Sent: quarta-feira, 28 de Junho de 2006 22:51
To: flexcoders@yahoogroups.com
Subject: RE: [flexcoders] Transitions - How to apply movement to
SetStyleAction(horizontalCenter proprety)
Post some
code so we can take a look.
Jason
From:
flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Nelson
Batista
Sent: Wednesday, June 28, 2006 8:55 AM
To: flexcoders@yahoogroups.com
Subject: RE: [flexcoders] Transitions - How to apply movement to
SetStyleAction(horizontalCenter proprety)
Hello Jason,
Ive tested in the final version
of FLEX 2, and the bug still persist.
Best regards,
Nelson Batista
Dep. Informática
Área de Desenvolvimento
Cofina media
Avenida João
Crisóstomo, Nº 72 . 1069-043
Lisboa PORTUGAL
Tel (+351) 213 307 746 .
Fax (+351) 213 540 370
[EMAIL PROTECTED]
From:
flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Jason
Szeto
Sent: quinta-feira, 22 de Junho de 2006 22:12
To: flexcoders@yahoogroups.com
Subject: RE: [flexcoders] Transitions - How to apply movement to
SetStyleAction(horizontalCenter proprety)
This is a bug in Flex 2b3. Youll
have to wait for the release to get the fix.
Jason
From:
flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of nelsoncostabatista
Sent: Thursday, June 22, 2006 8:28 AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Transitions How to apply movement to
SetStyleAction(horizontalCenter proprety)
Hello all,
I'm defining a few states in my application and transitions between
these states.
In the beginning of the design development I was using the property
x for a panel, and in the transition I defined:
mx:Move easingFunction={Circular.easeOut}
duration=1000
target={myDataPanel}/
And the movement between states run well.
Now I need to change the property x for the style
horizontalCenter, in order to get in my main application the
correct
placement of the panel.
Now the panel movement doesn't work. I even forced the
mx:SetStyleAction relevantStyles=horizontalCenter
filter=move
target={ myDataPanel }/ in my transition, but with no
luck.
Best regards,
Nelson Batista
__._,_.___
--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files
RE: [flexcoders] Transitions - How to apply movement to SetStyleAction(horizontalCenter proprety)
Post some code so we can take a look.
Jason
From:
flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Nelson Batista
Sent: Wednesday, June 28, 2006
8:55 AM
To: flexcoders@yahoogroups.com
Subject: RE: [flexcoders]
Transitions - How to apply movement to SetStyleAction(horizontalCenter
proprety)
Hello Jason,
Ive tested in the final version of FLEX 2, and the bug
still persist.
Best regards,
Nelson Batista
Dep. Informática Área de Desenvolvimento
Cofina media
Avenida João Crisóstomo, Nº 72 . 1069-043
Lisboa PORTUGAL
Tel (+351) 213 307 746 . Fax (+351) 213 540 370
[EMAIL PROTECTED]
From: flexcoders@yahoogroups.com
[mailto:[EMAIL PROTECTED] On Behalf
Of Jason Szeto
Sent: quinta-feira, 22 de Junho de
2006 22:12
To: flexcoders@yahoogroups.com
Subject: RE: [flexcoders]
Transitions - How to apply movement to SetStyleAction(horizontalCenter proprety)
This is a bug in Flex 2b3. Youll have to wait for the
release to get the fix.
Jason
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED]
On Behalf Of nelsoncostabatista
Sent: Thursday, June 22, 2006 8:28
AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Transitions
How to apply movement to SetStyleAction(horizontalCenter proprety)
Hello
all,
I'm defining a few states in my application and transitions between
these states.
In the beginning of the design development I was using the property
x for a panel, and in the transition I defined:
mx:Move easingFunction={Circular.easeOut} duration=1000
target={myDataPanel}/
And the movement between states run well.
Now I need to change the property x for the style
horizontalCenter, in order to get in my main application the
correct
placement of the panel.
Now the panel movement doesn't work. I even forced the
mx:SetStyleAction relevantStyles=horizontalCenter
filter=move
target={ myDataPanel }/ in my transition, but with no
luck.
Best regards,
Nelson Batista
__._,_.___
--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com
SPONSORED LINKS
Web site design development
Computer software development
Software design and development
Macromedia flex
Software development best practice
YAHOO! GROUPS LINKS
Visit your group "flexcoders" on the web.
To unsubscribe from this group, send an email to:[EMAIL PROTECTED]
Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
__,_._,___
[flexcoders] Transitions How to apply movement to SetStyleAction(horizontalCenter proprety)
Hello all,
I'm defining a few states in my application and transitions between
these states.
In the beginning of the design development I was using the property
x for a panel, and in the transition I defined:
mx:Move easingFunction={Circular.easeOut} duration=1000
target={myDataPanel}/
And the movement between states run well.
Now I need to change the property x for the style
horizontalCenter, in order to get in my main application the correct
placement of the panel.
Now the panel movement doesn't work. I even forced the
mx:SetStyleAction relevantStyles=horizontalCenter filter=move
target={ myDataPanel }/ in my transition, but with no luck.
Best regards,
Nelson Batista
Yahoo! Groups Sponsor ~--
Great things are happening at Yahoo! Groups. See the new email design.
http://us.click.yahoo.com/TISQkA/hOaOAA/yQLSAA/nhFolB/TM
~-
--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com
Yahoo! Groups Links
* To visit your group on the web, go to:
http://groups.yahoo.com/group/flexcoders/
* To unsubscribe from this group, send an email to:
[EMAIL PROTECTED]
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
RE: [flexcoders] Transitions - How to apply movement to SetStyleAction(horizontalCenter proprety)
This is a bug in Flex 2b3. Youll
have to wait for the release to get the fix.
Jason
From: flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] On Behalf Of nelsoncostabatista
Sent: Thursday, June 22, 2006 8:28
AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Transitions
How to apply movement to SetStyleAction(horizontalCenter proprety)
Hello all,
I'm defining a few states in my application and transitions between
these states.
In the beginning of the design development I was using the property
x for a panel, and in the transition I defined:
mx:Move easingFunction={Circular.easeOut}
duration=1000
target={myDataPanel}/
And the movement between states run well.
Now I need to change the property x for the style
horizontalCenter, in order to get in my main application the
correct
placement of the panel.
Now the panel movement doesn't work. I even forced the
mx:SetStyleAction relevantStyles=horizontalCenter
filter=move
target={ myDataPanel }/ in my transition, but with no
luck.
Best regards,
Nelson Batista
__._,_.___
--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com
SPONSORED LINKS
Web site design development
Computer software development
Software design and development
Macromedia flex
Software development best practice
YAHOO! GROUPS LINKS
Visit your group "flexcoders" on the web.
To unsubscribe from this group, send an email to:[EMAIL PROTECTED]
Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
__,_._,___
