Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Replaced /titanium/ links with /platform links

...

Info
titleExample App Source Location

You can find this example app in the Alloy repository under samples/apps/ui/navwindow. Check the instructions how to run these sample projects.

NavigationWindow implements a specialized view that manages the navigation of hierarchical content. You call the NavigationWindow object's openWindow() method to open a open a new window in the navigation group, closeWindow() to remove it.

The sample's main index.xml view declares a NavigationWindow element named navWindow. 

Code Block
titleapp/views/ios/index.xml
linenumberstrue
languagexml
<Alloy>
    <NavigationWindow>
        <Window id="main" title="Main Window">
            <Label class="space">Click the button below to "push" a new window onto the navigation stack</Label>
            <Button class="space" onClick="Alloy.Globals.openWindow">push</Button>
        </Window>
    </NavigationWindow>
</Alloy>
Note

As of Titanium 8.0.0, you don't need to specify the platform type (e.g. <NavigationWindow platform="ios">).

When the "Push" button is clicked, it invokes the  Alloy.Globals.openWindow()  function. This function is defined in defined in the application's alloy.js file, and calls the navWindow's openWindow() method, passing it a new window created from the app/views/win.xml view. It also initializes a global counter variable named ctr that's displayed by each window added to the navigation stack.

...