.NET MAUI Preview 9: Bordes, esquinas, sombras y mejoras de rendimiento

La interfaz de usuario de la aplicación multiplataforma .NET (.NET MAUI) es la evolución 

Xamarin.Forms
que amplía las capacidades más allá de Android e iOS móviles en aplicaciones de escritorio nativas para Windows y macOS. La última versión, Preview 9, está aquí y trae muchas mejoras y cosas interesantes para los desarrolladores. Preview 9 ahora está disponible con .NET 6 RC2 y la versión de vista previa de Visual Studio 2022 (Preview 5). 

La versión preliminar 9 es otra versión de .NET MAUI, y los desarrolladores pueden esperar versiones preliminares regulares cada mes hasta el primer trimestre de 2022, cuando el primer candidato de lanzamiento estará disponible, otro trimestre planificado es el segundo trimestre de 2022, que es para la versión de disponibilidad global. . Como se indica en la publicación de Scott Hunters :

.NET MAUI continuará lanzando avances mensuales a medida que avanzamos hacia un candidato de lanzamiento (RC) en el primer trimestre de 2022, y disponibilidad general (GA) en el segundo trimestre de 2022.

El lanzamiento de este mes de la edición .NET MAUI Preview presenta la compatibilidad con bordes, esquinas y sombras para los controles y diseños. Además de eso, el enfoque de Preview 9 también fue finalizar más de cincuenta controles y diseños. Preview 9 ahora se envía con un perfil de seguimiento de inicio .NET MAUI que mejorará el rendimiento del tiempo de inicio de las aplicaciones de Android.

Con respecto a las actualizaciones para el tiempo de inicio de la aplicación .NET MAUI en el sistema operativo Android, hay una solicitud de extracción de GitHub interesante realizada por Jonathan Peppers para un archivo 

Resource.designer.cs
. Como se puede entender en el blog de desarrollo original de Microsoft , Jonathan encontró una manera de obtener una mejora adicional de 400ms mediante la optimización del archivo del diseñador de recursos de Android. Hubo un par de interacciones de la comunidad en los comentarios debajo de la publicación, pero con respecto a estos valores de referencia, David Ortinau respondió lo siguiente:

Cada informe de referencia debe analizarse de forma individual, y ese valor de 400 ms corresponde a esa aplicación y configuración específicas. El impacto del cambio en otra aplicación y dispositivo variará …

Con cada lanzamiento mensual, .NET MAUI trae muchas actualizaciones interesantes relacionadas con la interfaz de usuario. Los desarrolladores ahora pueden agregar bordes, renderizar esquinas y sombras a la mayoría de los controles o diseños en .NET MAUI. Esto es posible con el uso de la 

Microsoft.Maui.Graphics
 biblioteca , que es una biblioteca de gráficos multiplataforma para iOS, Android, Windows, macOS, Tizen y Linux completamente en C #. Se basa en un motor de gráficos nativo y proporciona una API de dibujo de interfaz de usuario consistente.

Ahora es posible agregar el borde al diseño o los controles con el uso de nuevos 

Border
controles. Envuelve el control o el diseño y proporciona una forma de controlar cada esquina independiente para ajustes de radio. El radio de la esquina está usando el 
Thickness
tipo.


<Border
    Grid.Row="2"
    Padding="16,8"
    Stroke="{StaticResource PrimaryBrush}"
    Background="#2B0B98"
    StrokeThickness="4"
    HorizontalOptions="Center">
    <Border.StrokeShape>
        <RoundRectangle CornerRadius="40,0,0,40"/>
    </Border.StrokeShape>
    <Label
        Text=".NET MAUI Preview: 9"                
        FontSize="18"
        FontAttributes="Bold"
        TextColor="White"
        x:Name="CounterLabel" />
</Border>

Agregar profundidad a la parte de la interfaz de usuario de una aplicación es más fácil que nunca con la nueva 

Shadow
función. Se puede utilizar con cualquier diseño o control, y también con imágenes y formas.


<Image>
    <Image.Shadow>
        <Shadow Brush="#000000"
                Offset="20,20"
                Radius="40"
                Opacity="0.8"/>
    </Image.Shadow>
</Image>

Un par de proveedores de componentes ya han comenzado a utilizar el soporte proporcionado, lo 

Microsoft.Maui.Graphics
que condujo a lanzamientos recientes de nuevos conjuntos de controles para la interfaz de usuario de la aplicación multiplataforma .NET.

Otros controles notables que obtuvieron implementaciones actualizadas en la última vista previa son BoxView , IndicatorView , ImageButton , WebView .

Para seguir el progreso del desarrollo del proyecto y las versiones futuras de .NET MAUI, la hoja de ruta oficial está disponible en la hoja de ruta de la wiki de GitHub .