Xamarin.Forms : Pages

Pages
A page occupies the full screen in most cases. A page acts the same as Page on a Windows Phone and UIViewController on iOS. It is important to note that on Android they are more like a Resource.Layout and are certainly not an Activity.

In Xamarin.Forms we have differents types of pages, the first:

 ContengPage: It Contains a single view. This is created by default when you create a new project.

using System;



using Xamarin.Forms;



namespace ContentPageOSE

{

    public class App : Application

    {

        public App ()

        {

            // The root page of your application

            MainPage = new ContentPage {

                Content = new StackLayout {

                    VerticalOptions = LayoutOptions.Center,

                    Children = {

                        new Label {

                            XAlign = TextAlignment.Center,

                            Text = "Welcome to Xamarin Forms! \n This is a content Page."

                        }

                    }

                }

            };

        }



        protected override void OnStart ()

        {

            // Handle when your app starts

        }



        protected override void OnSleep ()

        {

            // Handle when your app sleeps

        }



        protected override void OnResume ()

        {

            // Handle when your app resumes

        }

    }

}




MasterDetailPage:
 A page that has two panes for the page. Typically, the master will contain the likes of a menu with the detail the content. 
NavigationPage:
A page that contains a navigation bar. Pages are kept on a stack and can be jumped between. The Navigation bar can handle buttons on either side of the bar as well as a title. 
TabbedPage:
A container page. The TabbedPage acts as a container holding the content pages associated with each tab. 
CarouselPage:
A page that allows for sweeping across to show other views.

More information in:
https://developer.xamarin.com/guides/cross-platform/xamarin-forms/controls/pages/

Comentarios

Publicar un comentario

Entradas populares de este blog

Entry Show/Hide Password on Xamarin.Forms

Imagen
Hello, in this post i will talk about a way of how to implement a Show/Hide password on Entry control. In our Xamarin.Forms project, we add  a CustomRender for iOS, and  for Android we are using a Effects in order of have a result almost equals. I'm gonna start with the iOS functionality, so I will add a class render: using System ; using Xamarin.Forms ; namespace ShowHidePasswordEntryXF { public class ShowHidePasswordEntry : Entry { public ShowHidePasswordEntry () { } public string EntryText { get ; set ; } } } After that, in the iOS project, i will create the renderer, in which I add a UIButton and add a EventHandler in order to know if the user want to look the password or not: buttonRect . TouchUpInside   +=   ( object   sender ,   EventArgs   e1 )   = >                  {                      if   ( Control . SecureTextEntry )                      {                          Control . SecureTextEntry   =   false ;               
Leer más

Xamarin.Forms Frame

Imagen
Hello, in this post we gonna be look how we can use a Frame in Xamarin.Forms This simple rectangular view sometimes is very usefull for presentation purposes. The first, we add a new Page, called FramePage. in the constructor we add a new View, the Frame View, also we declare some properties, like OutlineColor, and if we want that has Shadow around of the frame:              this . Content   =   new  Xamarin . Forms . Frame   {              // It   has   a   few  properties                 OutlineColor = Color . Blue ,                 HasShadow = true , } So, to avoid that the frame fill all the page, we add the properties to center the frame inside of the page:                 HorizontalOptions = LayoutOptions . CenterAndExpand ,                 VerticalOptions = LayoutOptions . CenterAndExpand , And for last, we add the content of the frame, in this case we add a single Label, Content =   new   Label {                     Text = " This   is
Leer más

Xamarin.Forms Picker

Imagen
In this post, we gonna be see, the Picker Control in Xamarin.Forms The picker is a control that allows select one element from a predetermined list of options. The first thing that we need to do, is create a instance of Picker:             Xamarin . Forms . Picker   picker   =   new  Xamarin . Forms . Picker              {                 Title  =   " Chose   one   country " ,                 VerticalOptions  =   LayoutOptions . CenterAndExpand ,                 BackgroundColor = Color . Aqua              } ; Next, we need to asign the values for our Picker control, and we do it, on the next way:             picker . Items . Add   ( " Canada " ) ;              picker . Items . Add   ( " USA " ) ;              picker . Items . Add   ( " Mexico " ) ;              picker . Items . Add   ( " Brasil " ) ;              picker . Items . Add   ( " Argentina " ) ;              picker . Items . Add   ( &q
Leer más