

Use a tabbed interface to provide a readable list of page choices. Good implementations indicate which tab is selected, so the user can tell at a glance where they are in the app. Some implementations mimic the tabbed look of office tab folders others choose a minimalist look showing a set of horizontal links. Tabbed UI usually has a flat section on one side of the UI (most commonly the top side) that contains a list of tab items. The basic concepts are shown in Figure 3. You've seen examples of it on your computer in dozens of programs.
Colorconverter xamarin Pc#
Using tabs for application navigation has a long history in the PC world. To learn more about the Page base class, the ContentPage or MasterDetailPage check out the last article in this series: Xamarin Pages: The Screens of an App (CODE Magazine, July/August 2015). I'll explore the NavigationPage in another article.
Colorconverter xamarin for android#
Its main benefit is to provide a navigation stack, which holds the page history, and a navigation appbar for Android and iPhone devices. The CarouselPage depends heavily on the left-right swipe gesture to move between child pages. The TabbedPage uses the familiar tab metaphor you switch between child pages by touching a tab. The main difference between the two page types is how they encourage users to move between pages. They host the child content (usually contained in a ContentPage) and provide the UI affordances to enable the user to switch between pages. The TabbedPage and CarouselPage are containers for child pages.

In this article, I'll explore the TabbedPage and CarouselPage. Let's look at the ones that are helpful for navigation purposes. There are a number of page types available in the Xamarin library (see Figure 2). But it is the place to show what navigation tools are available in Xamarin.Forms.

This article is not the place to discuss the UX principles for good navigation.
Colorconverter xamarin windows#
If you're an experienced mobile developer, a Xamarin Page corresponds to iOS View Controller, Android Activity, or Windows Phone Page. In that case the sub-pages are more like a composite user control. However, pages can have sub-pages embedded within their content. Most of the time, a page takes up the entire screen of the device. Think of pages as the screens in your app. Pages are the top-level elements in the Xamarin UI. Whatever the name, they serve a useful purpose: keeping the UI bits separated into logical sub-areas of the application. They go by different names you may know them as views, forms, dialogs, or pages. For those who missed that article, here's a 10,000-foot view of the page framework.Įvery UI development system has the notion of screens: separate units of UI real estate that divide the application into work areas. In the last issue, I discussed the fundamental blocks of the page model.
