Hi Jason,
I tried to avoid the states because it is so much more
comfortable to use the viewstack with tabs and so forth.
But if I would try to go the States way.. how would I
best organize it when I have two complex components?
Should I completely remove on child and ad the other.. where
each child would be a component and the transition would
remove the child after its animation has finished??
Do I get this right?
And in regards to the other answer. The WipeEffect is not
what I want. I need both children to be visible at the same
time so that you can see the second one sliding in while the
first one is sliding out..
Cheers, Max
----- Original Message ----
From: jmfillman <[EMAIL PROTECTED]>
To: flexcoders@yahoogroups.com
Sent: Wednesday, February 20, 2008 4:52:19 AM
Subject: [flexcoders] Re: Is it possible to have 2 children of viewstack
visible?
Max,
I would think that States with transition effects would be the
easiest way to do this.
Jason
--- In [EMAIL PROTECTED] ups.com, "m.frigge" <[EMAIL PROTECTED] .> wrote:
>
> Knock.. knock.. nobody knows this??
> A simple no it doesn't work would be alright too :-) ???
>
>
> --- In [EMAIL PROTECTED] ups.com, Max Frigge <m.frigge@> wrote:
> >
> > Hi,
> >
> > I am trying to create a slide effect for a ViewStack. Therefor
> > I would need to have 2 children visible at the same time, so that
> > you can see the second child sliding in while the first one is
> > sliding out. Is that possible or am I on the wrong path?
> >
> > I want something like this:
> >
> > <?xml version="1.0" ?>
> > <!-- containers\navigato rs\VSLinkEffects .mxml -->
> >
> >
> > <mx:Parallel id="toSecond" >
> > <mx:Move duration="400" xFrom="{search. x}"
> xTo="{search. width}" target="{search} "/>
> > <mx:Move duration="400" xFrom="{-custInfo. width}"
> xTo="{custInfo. x}" target="{custInfo} "/>
> > </mx:Parallel>
> >
> > <mx:ViewStack id="myViewStack"
> > borderStyle= "solid"
> > width="200"
> > creationPolicy= "all">
> >
> > <mx:Canvas id="search"
> > label="Search" >
> > <mx:Label text="Search Screen"/>
> > </mx:Canvas>
> >
> > <mx:Canvas id="custInfo"
> > label="Customer Info">
> > <mx:Label text="Customer Info"/>
> > </mx:Canvas>
> > </mx:ViewStack>
> >
> > <mx:Button click="toSecond. play()" label="Play Effect" />
> > </mx:Application>
> >
> >
> >
> >
> >
>
____________ _________ _________ _________ _________ _________ _
____________ __
> > Looking for last minute shopping deals?
> > Find them fast with Yahoo! Search.
> http://tools. search.yahoo. com/newsearch/ category. php?
category=shopping
> >
>
<!--
#ygrp-mkp{
border:1px solid #d8d8d8;font-family:Arial;margin:14px 0px;padding:0px 14px;}
#ygrp-mkp hr{
border:1px solid #d8d8d8;}
#ygrp-mkp #hd{
color:#628c2a;font-size:85%;font-weight:bold;line-height:122%;margin:10px 0px;}
#ygrp-mkp #ads{
margin-bottom:10px;}
#ygrp-mkp .ad{
padding:0 0;}
#ygrp-mkp .ad a{
color:#0000ff;text-decoration:none;}
-->
<!--
#ygrp-sponsor #ygrp-lc{
font-family:Arial;}
#ygrp-sponsor #ygrp-lc #hd{
margin:10px 0px;font-weight:bold;font-size:78%;line-height:122%;}
#ygrp-sponsor #ygrp-lc .ad{
margin-bottom:10px;padding:0 0;}
-->
<!--
#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;}
-->
____________________________________________________________________________________
Looking for last minute shopping deals?
Find them fast with Yahoo! Search.
http://tools.search.yahoo.com/newsearch/category.php?category=shopping
