Thursday 3 July 2014

Paged Navigation

The next release of Rapide will support an enhanced style of navigation called Paged Navigation.

This style is very common on mobile devices, with the example below shows the navigation between four pages. Notice how the top banner of the page indicates the current page title and also has a button to return. 




The runtime automatically keeps track of the previous page without the need for any additional code to process the return flow to the previous page when the user presses the back button. 

The behaviour is customised to the standard behaviour of each platform by using native controllers for each platform.

On iOS Paged Navigation is implemented using a View Controller and a Navigation Bar to display the page title and back button. In addition you can include toolbar buttons onto the Navigation Bar (top) or Navigation toolbar (bottom) by simply defining a toolbar in the Gen window design.

Similarly on Android a native ActionBar control is used where the system back button returns to the previous page and the navigation bar back button to the top page.

No comments: