Compilación de una aplicación de notas de WinUI 3

En esta serie de tutoriales se muestra cómo crear una aplicación WinUI mediante XAML y C#. La aplicación que va a crear es una aplicación de nota, donde el usuario puede crear, guardar y cargar varias notas. Puede descargar o ver el código de este tutorial desde el repositorio GitHub.

Comience aquí después de poder compilar y ejecutar un proyecto en blanco. Se trata de una introducción paso a paso sobre los aspectos básicos de WinUI 3 mediante Visual Studio; no se requiere ningún asistente de codificación de IA ni MVVM Toolkit.

En este tutorial, aprenderá a:

  • Use el marcado XAML para definir la interfaz de usuario de la aplicación.
  • Interactúe con elementos XAML a través del código de C#.
  • Guarde y cargue archivos desde el sistema de archivos local.
  • Crear vistas y enlazarlas a datos.
  • Use la navegación para desplazarse hacia y desde las páginas de la aplicación.
  • Use recursos como documentación y aplicaciones de ejemplo para crear su propia aplicación.

Creará una aplicación que puede usar para escribir una nota y guardarla en el almacenamiento de aplicaciones local. La aplicación tendrá dos páginas:

  • NotePage - una página para editar una sola nota.
  • AllNotesPage : una página para mostrar todas las notas guardadas.

A continuación se muestra la aplicación final:

AllNotesPage

Captura de pantalla final de la aplicación de notas, en la que se muestran tres notas guardadas.

NotePage

Captura de pantalla final de la aplicación de notas, que muestra una nueva nota en blanco.

Crea el proyecto de Visual Studio

Siga la ruta de Visual Studio en Inicio rápido: Crear y ejecutar un proyecto de WinUI 3 para instalar las herramientas y crear el proyecto. Use un proyecto de C# empaquetado con esta configuración específica del tutorial:

  • Nombre del Proyecto

    Debe establecerse en WinUINotes. Si el project se denomina algo diferente, el código que copia y pega de este tutorial puede producir errores de compilación. Esto se debe a que Visual Studio usa el nombre del project como valor predeterminado namespace para el código de la aplicación.

  • SDK para aplicaciones de Windows

    En este tutorial se usan características disponibles en SDK de Aplicaciones para Windows 1.7 y versiones posteriores. Asegúrese de que el paquete NuGet de SDK de Aplicaciones para Windows se actualiza a la versión 1.7 o posterior.

Compile e inicie el proyecto en blanco WinUINotes antes de continuar. Debería ver una ventana vacía que tenga este aspecto:

Ventana de la aplicación de notas con una barra de título y un área de contenido vacía.

Sugerencia

Con frecuencia, usará documentos de referencia de API y documentos conceptuales al desarrollar aplicaciones de Windows. En este tutorial, verá vínculos insertados en el texto, y en grupos bajo la etiqueta 'Más información en los documentos:'. Estos vínculos son opcionales; No es necesario seguirlos para completar el tutorial. Se proporcionan en caso de que quieras anotar dónde encontrar la información que necesitarás al empezar a crear tus propias aplicaciones.

Continue al paso 1: configuración de Project

  • Last updated on