<container>
  <image id="Comp" x="{component.begin.x}" y="{component.begin.y}" width="{component.begin.width}" height="{component.begin.height}" src="{component.src}" opacity ="1" rendering="speed"/>

  <action id="myAction1" on="Appear" onEnd="FinishedTransition" >
      <animate targetNode="Comp"   targetAttr="opacity" from="0.8" to="1" begin="0s" dur="300ms" />
      <animate targetNode="Comp"   targetAttr="x" from="{-screen.width}" to="{screen.width*0.1}" begin="0ms" dur="150ms" ease="in" />
    <animate targetNode="Comp"   targetAttr="x" from="{screen.width*0.1}" to="{component.end.x}" begin="150ms" dur="150ms" ease="in" />
      <animate targetNode="Comp"   targetAttr="y" from="{component.end.y}" to="{component.end.y}" begin="0s" dur="0ms" ease="in" />
<animate targetNode="Comp"   targetAttr="height" from="{component.end.height}" to="{component.end.height}" begin="0s" dur="0ms" />
   </action>

    <action id="myAction2" on="Disappear" onEnd="FinishedTransition" >
      <animate targetNode="Comp"   targetAttr="x" from="{component.begin.x}" to="{-screen.width*0.1}" begin="0ms" dur="150ms" ease="in" />
    <animate targetNode="Comp"   targetAttr="x" from="{-screen.width*0.1}" to="{screen.width}" begin="150ms" dur="150ms" ease="in" />
      <animate targetNode="Comp"   targetAttr="y" from="{component.begin.y}" to="{component.begin.y}" begin="0s" dur="0ms" ease="in" />
<animate targetNode="Comp"   targetAttr="height" from="{component.begin.height}" to="{component.begin.height}" begin="0s" dur="0ms" />
      <animate targetNode="Comp"   targetAttr="opacity" from="1" to="0.8" begin="0s" dur="150ms" />
      <animate targetNode="Comp"   targetAttr="opacity" from="0.8" to="0.2" begin="150ms" dur="150ms" />
</action>

  <action on="AppearLandscape" onEnd="FinishedTransition"> 
   <animate targetNode="Comp"   targetAttr="opacity" from="0.8" to="1" begin="0s" dur="300ms" />
      <animate targetNode="Comp"   targetAttr="x" from="{-screen.width}" to="{screen.width*0.3}" begin="0ms" dur="150ms" ease="in" />
    <animate targetNode="Comp"   targetAttr="x" from="{screen.width*0.3}" to="{component.end.x}" begin="150ms" dur="150ms" ease="in" />
      <animate targetNode="Comp"   targetAttr="y" from="{component.end.y}" to="{component.end.y}" begin="0s" dur="0ms" ease="in" />
<animate targetNode="Comp"   targetAttr="height" from="{component.end.height}" to="{component.end.height}" begin="0s" dur="0ms" />
<animate targetNode="Comp"   targetAttr="width" from="{component.end.width}" to="{component.end.width}" begin="0s" dur="0ms" />
  </action>

  <action on="DisappearLandscape" onEnd="FinishedTransition">
      <animate targetNode="Comp"   targetAttr="x" from="{component.begin.x}" to="{-screen.width*0.1}" begin="0ms" dur="150ms" ease="in" />
    <animate targetNode="Comp"   targetAttr="x" from="{-screen.width*0.1}" to="{screen.width}" begin="150ms" dur="150ms" ease="in" />
      <animate targetNode="Comp"   targetAttr="y" from="{component.begin.y}" to="{component.begin.y}" begin="0s" dur="0ms" ease="in" />
<animate targetNode="Comp"   targetAttr="height" from="{component.begin.height}" to="{component.begin.height}" begin="0s" dur="0ms" />
      <animate targetNode="Comp"   targetAttr="opacity" from="1" to="0.8" begin="0s" dur="150ms" />
      <animate targetNode="Comp"   targetAttr="opacity" from="0.8" to="0.2" begin="150ms" dur="150ms" />
  </action>
</container>