Cómo navegar entre páginas en un proyecto de Xamarin

Xamarin es una plataforma de software utilizada para el desarrollo móvil multiplataforma. Puede usarlo para crear aplicaciones en iOS, Android, Windows y más. Puede crear un nuevo proyecto de Xamarin con Visual Studio y completar su aplicación agregando contenido, widgets y otras funcionalidades.

Cuando crea una nueva aplicación móvil, su aplicación puede requerir varias páginas. Si este es el caso, la aplicación también necesitará la funcionalidad requerida para que los usuarios naveguen entre estas páginas.

Cómo configurar un proyecto de Xamarin

Para empezar, crear un nuevo proyecto de Xamarin. Cuando cree una nueva aplicación, habrá una página principal predeterminada llamada Pagina principal.xaml almacenado dentro de la carpeta principal del proyecto Xamarin. los Pagina principal.xaml La página actúa como su pantalla de inicio cuando inicia la aplicación por primera vez.

La página también contiene un MainPage.xaml.cs archivo, donde puede escribir su lógica de programación usando C#. Otras plataformas pueden usar otros

lenguajes de juegos de desarrollo móvil que pueden ser útiles para aprender.

1. Navegar a Pagina principal.xaml y ábrelo.
2. En el Página principal.xaml archivo, modifique el código predeterminado. Reemplace el contenido de la StackLayout Elemento de la interfaz de usuario con una nueva etiqueta:

   <Relleno StackLayout = "50">
   <Texto de la etiqueta = "Mi nueva aplicación móvil"
    OpcionesHorizontales = "Centro"
    OpcionesVerticales = "CenterAndExpand"
    Atributos de fuente = "Negrita cursiva"
    Tamaño de fuente = "24"
    Color de texto = "Negro" />
   </StackLayout>
   

3. En la parte superior de la ventana de Visual Studio, haga clic en el botón verde de reproducción para ejecutar la aplicación en el emulador.
4. Espere a que el proyecto se compile antes de que se inicie el emulador.

Cómo agregar una segunda página al proyecto Xamarin

Actualmente, su proyecto de Xamarin solo tiene una página. Para crear una nueva página, agregue una nueva xml y rellénelo con algo de contenido.

1. En el Explorador de soluciones, haga clic con el botón derecho en el proyecto. Seleccione Agregary haga clic en Nuevo artículo.
2. Seleccione Pagina de contenido desde el Xamarin. Formularios categoría. Nombre el nuevo archivo SecondPage.xamly haga clic en Agregar.
3. Verá que la nueva página aparece en el Explorador de soluciones y estará compuesta por una xml archivo y un xml.cs expediente. los xml El archivo constará de elementos de la interfaz de usuario y widgets, y el xml.cs El archivo constará de otra lógica de código y funcionalidad.
4. Abre el SecondPage.xaml archivo, que ya contendrá algún código predeterminado. Dentro de StackLayout elemento de la interfaz de usuario, reemplace la etiqueta actual con una etiqueta que diga "Segunda página".

   <StackLayout>
   <Texto de la etiqueta ="Segunda pagina"
    Tamaño de fuente ="42"
    OpcionesVerticales="CenterAndExpand"
    OpcionesHorizontales="CenterAndExpand" />
   </StackLayout>

Cómo navegar a la segunda página desde la página principal

Para navegar a la segunda página, agregue un botón que activará la aplicación para navegar hasta ella.

1. Abierto Página principal.xaml.
2. Agregue un elemento de interfaz de usuario de botón. Agregue el nuevo botón debajo de la etiqueta.

   <Texto del botón = "Navegar a la segunda página"
    x: Nombre = "Botón 1"
    Color de fondo = "#2196F3"
    Color de texto = "Humo blanco"
    Solicitud de altura = "50" />

3. Abierto MainPage.xaml.cs, y crea una función llamada Navegar a(). Dentro de la función, use el Navegación. PushAsync función para navegar a la nueva página. Deberá agregar el nuevo objeto de página como argumento.

   asíncronovacío NavigateTo (remitente del objeto, EventArgs e)
   {
    Navegación. PushAsync(nuevo Segunda pagina());
   }

4. Volver a Página principal.xaml. Añadir el nuevo Navegar a() función en el Hizo clic atributo. Esto activará la función para que se ejecute cuando el usuario presione el botón.

   <Texto del botón = "Navegar a la segunda página"
    x: Nombre = "Botón 1"
    Hizo clic = "Navegar a"
    Color de fondo = "#2196F3"
    Color de texto = "Humo blanco"
    Solicitud de altura = "50" />

5. En la parte superior de la ventana de Visual Studio, haga clic en el botón verde de reproducción para iniciar la aplicación usando el emulador.
6. Haga clic en el botón en la página principal. Verá que la aplicación navega a la segunda página.

Creación de aplicaciones móviles con Xamarin

Xamarin es una herramienta de código abierto que puede usar para desarrollar aplicaciones móviles en iOS, Android, Windows y más. Puede crear un nuevo proyecto de Xamarin con Visual Studio, completar la aplicación y agregar varias páginas.

Para agregar varias páginas, cree nuevas páginas de contenido y complételas con contenido. También puede utilizar eventos al hacer clic u otros eventos para activar la aplicación para navegar a la nueva página.

Se necesita mucho para crear una aplicación móvil, por lo que es importante que comprenda los fundamentos al comenzar. Explora algunos de los excelentes cursos que están disponibles para que aprendas.