hmm, now i got the logic. (but did not try)
i did not used to know that i could add these effects to child containers,
thanks a lot...
in addition, is there a way to choose the transition effect?
----- Original Message ----
From: Dustin Mercer <[EMAIL PROTECTED]>
To: [email protected]
Sent: Saturday, December 2, 2006 11:55:35 PM
Subject: RE: [flexcoders] tabnavigator transitions
Yigit,
You can try to use the hide and show effects on the child containers of the
TabNavigator. The TabNavigator will play these effects when it changes. Here
is some small pseudo code... You can use any of the Flex events in place of
the fade affect. Note this was coded in Outlook, so not sure if it compiles,
just wanted to throw something together for you.
<mx:Fade id="fadeIn" alphaFrom="0" alphaTo="1" />
<mx:Fade id="fadeOut" alphaFrom="1" alphaTo="0" />
<mx:TabNavigator>
<mx:VBox showEffect=" {fadeIn}" hideEffect=" {fadeOut} " />
<mx:VBox showEffect=" {fadeIn}" hideEffect=" {fadeOut} " />
<mx:VBox showEffect=" {fadeIn}" hideEffect=" {fadeOut} " />
<mx:VBox showEffect=" {fadeIn}" hideEffect=" {fadeOut} " />
</mx:TabNavigator>
____________ _________ _________ __
From: [EMAIL PROTECTED] ups.com on behalf of Yiðit Boyar
Sent: Sat 12/2/2006 11:06 AM
To: [EMAIL PROTECTED] ups.com
Subject: [flexcoders] tabnavigator transitions
after being a coder for years, i've always been away from design... but now i
need to do some transition efect to my tabnavigator; but i could not find any
example; can anyone please help me? (i need an example transition code that
works on tabnavigator)
i need:
1: basic transition effect between tab changes for the tabnavigator
2: some special effect that i trigger between specific changes. (is this
possible; i mean while passing from tab0 to tab4 , i want to play a special
effect)
thanks for your helps..
Yigit Boyar
____________ _________ _________ __
Everyone is raving about the all-new Yahoo! Mail beta. <http://us.rd.
yahoo.com/ evt=42297/ *http://advision .webevents. yahoo.com/ mailbeta>
<!--
#ygrp-mlmsg {font-size:13px;font-family:arial,helvetica,clean,sans-serif;}
#ygrp-mlmsg table {font-size:inherit;font:100%;}
#ygrp-mlmsg select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
#ygrp-mlmsg pre, code {font:115% monospace;}
#ygrp-mlmsg * {line-height:1.22em;}
#ygrp-text{
font-family:Georgia;
}
#ygrp-text p{
margin:0 0 1em 0;
}
#ygrp-tpmsgs{
font-family:Arial;
clear:both;
}
#ygrp-vitnav{
padding-top:10px;
font-family:Verdana;
font-size:77%;
margin:0;
}
#ygrp-vitnav a{
padding:0 1px;
}
#ygrp-actbar{
clear:both;
margin:25px 0;
white-space:nowrap;
color:#666;
text-align:right;
}
#ygrp-actbar .left{
float:left;
white-space:nowrap;
}
.bld{font-weight:bold;}
#ygrp-grft{
font-family:Verdana;
font-size:77%;
padding:15px 0;
}
#ygrp-ft{
font-family:verdana;
font-size:77%;
border-top:1px solid #666;
padding:5px 0;
}
#ygrp-mlmsg #logo{
padding-bottom:10px;
}
#ygrp-vital{
background-color:#e0ecee;
margin-bottom:20px;
padding:2px 0 8px 8px;
}
#ygrp-vital #vithd{
font-size:77%;
font-family:Verdana;
font-weight:bold;
color:#333;
text-transform:uppercase;
}
#ygrp-vital ul{
padding:0;
margin:2px 0;
}
#ygrp-vital ul li{
list-style-type:none;
clear:both;
border:1px solid #e0ecee;
}
#ygrp-vital ul li .ct{
font-weight:bold;
color:#ff7900;
float:right;
width:2em;
text-align:right;
padding-right:.5em;
}
#ygrp-vital ul li .cat{
font-weight:bold;
}
#ygrp-vital a {
text-decoration:none;
}
#ygrp-vital a:hover{
text-decoration:underline;
}
#ygrp-sponsor #hd{
color:#999;
font-size:77%;
}
#ygrp-sponsor #ov{
padding:6px 13px;
background-color:#e0ecee;
margin-bottom:20px;
}
#ygrp-sponsor #ov ul{
padding:0 0 0 8px;
margin:0;
}
#ygrp-sponsor #ov li{
list-style-type:square;
padding:6px 0;
font-size:77%;
}
#ygrp-sponsor #ov li a{
text-decoration:none;
font-size:130%;
}
#ygrp-sponsor #nc {
background-color:#eee;
margin-bottom:20px;
padding:0 8px;
}
#ygrp-sponsor .ad{
padding:8px 0;
}
#ygrp-sponsor .ad #hd1{
font-family:Arial;
font-weight:bold;
color:#628c2a;
font-size:100%;
line-height:122%;
}
#ygrp-sponsor .ad a{
text-decoration:none;
}
#ygrp-sponsor .ad a:hover{
text-decoration:underline;
}
#ygrp-sponsor .ad p{
margin:0;
}
o {font-size:0;}
.MsoNormal {
margin:0 0 0 0;
}
#ygrp-text tt{
font-size:120%;
}
blockquote{margin:0 0 0 4px;}
.replbq {margin:4;}
-->
__________________________________________________
Do You Yahoo!?
Tired of spam? Yahoo! Mail has the best spam protection around
http://mail.yahoo.com
