In the CafeTownsend demo, in CafeTownsend.mxml, I have added showEffect and hideEffect attributes to the view children of the main ViewStack, fadeIn and fadeOut effects defined in the same mxml file. These all work, except for the initial showEffect of the first child, the login page. Why is that? Code below.
<mx:Style source="assets/main.css" />
<mx:Fade id="fadeOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>
<mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/>
<mx:Image id="img" source="@Embed('assets/header.jpg')" width="700" showEffect="{fadeIn}" hideEffect="{fadeOut}" />
<mx:HBox paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10" backgroundColor="#ffffff" width="700">
<mx:VBox width="100%" verticalScrollPolicy="off" paddingRight="10">
<mx:ViewStack id="vwStack" width="100%" paddingBottom="10" paddingTop="10" resizeToContent="true" creationPolicy="all">
<view:EmployeeLogin id="employeeLogin" showEffect="{fadeIn}" hideEffect="{fadeOut}" />
<view:EmployeeList id="employeeList" showEffect="{fadeIn}" hideEffect="{fadeOut}" />
<view:EmployeeDetail id="employeeDetail" showEffect="{fadeIn}" hideEffect="{fadeOut}" />
</mx:ViewStack>
</mx:VBox>
</mx:HBox>