transitions_a.xml

<Alloy>
  <Window id="win" title="Activity Transitions (A)">
    <ActionBar displayHomeAsUp="true" onHomeIconItemSelected="closeWindow" />

    <ScrollView>
      <View class="vbox">

        <Label class="help">Ti.UI.Window.activityEnterTransition</Label>
        <Label class="help">Animation of Window B as it opens. Defaults to FADE_IN.</Label>
        <Picker id="activityEnterTransition" class="tpad-s">
          <Column>
            <Row title="undefined"/>
            <Row title="TRANSITION_EXPLODE"/>
            <Row title="TRANSITION_FADE_IN"/>
            <Row title="TRANSITION_FADE_OUT"/>
            <Row title="TRANSITION_SLIDE_TOP"/>
            <Row title="TRANSITION_SLIDE_RIGHT"/>
            <Row title="TRANSITION_SLIDE_BOTTOM"/>
            <Row title="TRANSITION_SLIDE_LEFT"/>
            <Row title="TRANSITION_NONE"/>
          </Column>
        </Picker>

        <Label class="help tpad">Ti.UI.Window.activityReturnTransition</Label>
        <Label class="help">Animation of Window B as it closes. Defaults to the enter transition.</Label>
        <Picker id="activityReturnTransition" class="tpad-s">
          <Column>
            <Row title="undefined"/>
            <Row title="TRANSITION_EXPLODE"/>
            <Row title="TRANSITION_FADE_IN"/>
            <Row title="TRANSITION_FADE_OUT"/>
            <Row title="TRANSITION_SLIDE_TOP"/>
            <Row title="TRANSITION_SLIDE_RIGHT"/>
            <Row title="TRANSITION_SLIDE_BOTTOM"/>
            <Row title="TRANSITION_SLIDE_LEFT"/>
            <Row title="TRANSITION_NONE"/>
          </Column>
        </Picker>

        <Label class="help tpad">Ti.UI.Window.activitySharedElementEnterTransition</Label>
        <Label class="help">Animation of shared elements from Window A to B. Defaults to all CHANGE_* in parallel.</Label>
        <Picker id="activitySharedElementEnterTransition" class="tpad-s">
          <Column>
            <Row title="undefined"/>
            <Row title="TRANSITION_CHANGE_BOUNDS"/>
            <Row title="TRANSITION_CHANGE_CLIP_BOUNDS"/>
            <Row title="TRANSITION_CHANGE_TRANSFORM"/>
            <Row title="TRANSITION_CHANGE_IMAGE_TRANSFORM"/>
            <Row title="TRANSITION_NONE"/>
          </Column>
        </Picker>

        <Label class="help tpad">Ti.UI.Window.activitySharedElementReturnTransition</Label>
        <Label class="help">Animation of shared elements from Window B to A. Defaults to the enter transition.</Label>
        <Picker id="activitySharedElementReturnTransition" class="tpad-s">
          <Column>
            <Row title="undefined"/>
            <Row title="TRANSITION_CHANGE_BOUNDS"/>
            <Row title="TRANSITION_CHANGE_CLIP_BOUNDS"/>
            <Row title="TRANSITION_CHANGE_TRANSFORM"/>
            <Row title="TRANSITION_CHANGE_IMAGE_TRANSFORM"/>
            <Row title="TRANSITION_NONE"/>
          </Column>
        </Picker>

        <ImageView id="logo" class="tpad" transitionName="logo" image="/images/logo.png" />
        <Label id="text" class="help tpad-s" transitionName="text">Tap the button and see the logo and this text transition from this Window to the next.</Label>

        <Button class="tpad" onClick="openWindowB">Open Window B</Button>

      </View>
    </ScrollView>

  </Window>
</Alloy>