Manejo de tamaño y posición de ventanas en .NET MAUI

Al desarrollar tus aplicaciones de escritorio en .NET MAUI, puedes manejar tanto el tamaño como la posición de las ventanas de tu aplicación. ¡En este artículo aprenderás cómo hacerlo de una manera muy simple!

¡Empecemos!

Preparando el escenario

En primer lugar, asegúrate de que ya actualizaste a .NET 7.

Debes sobreescribir el método CreateWindows el cual permite manejar la configuración de tu ventana. ¡Dirígete a tu App.xam.cs y agrégalo allí! Para sobreescribirlo más rápido, aplica los siguientes pasos:

➖ Escribe “override Create” y presiona Enter o dos veces el botón de Tab.

➖ Esto completará la estructura base del método.

Después, accede a la información de la ventana mediante una variable, como se muestra en el siguiente código:

Dimensionando tus ventanas

Ya tienes el escenario preparado, ahora solo te falta añadir las propiedades. Para modificar el tamaño de tu ventana solo tienes que acceder a las propiedades Width (Ancho) y Height (Alto), como te muestro a continuación:

También contamos con propiedades que nos ayudan a controlar los valores mínimos o máximos del ancho o alto de la pantalla, son las siguientes:

➖MaximumHeight y MaximumWidth: Establece el valor máximo que puede alcanzar la pantalla en ancho o alto respectivamente. (Recibe un double como valor)

➖MinimumHeight y MinimalWidth: Establece el valor mínimo que puede alcanzar la pantalla en ancho o alto respectivamente. (Recibe un double como valor)

Posicionando tus ventanas

Finalmente, para posicionar tus ventanas puedes acceder a las propiedades X e Y de la siguiente manera:

🚫 Limitantes

➖ Mac Catalyst no admite el cambio de tamaño o el reposicionamiento de ventanas.

¡Y listo!  A partir de ahora, estás list@ para jugar con el tamaño y la posición de las ventanas de tu aplicación en .NET MAUI! ¡Espero te haya gustado! 💚💕