0
1.6K
ViewsVista de título personalizada (barra superior) en la página de Xamarin.Forms Shell
Estoy tratando de crear TitleView personalizado (la barra superior de la página de Shell, donde está el menú del icono de hamburguesa). Ahora, en los diseños, tengo algunos elementos en esa área: campana de notificación, botón de información e imagen de usuario con nombre. Sin embargo, Xamarin.Forms, al ser xamarin.forms, no permite una anulación sencilla de este elemento.
¿Cómo haría para crear un controlador personalizado para él? Puedo hacerlo para entradas, etiquetas, editores de texto, etc., pero nada de lo que he probado funciona para TitleView.
A continuación se muestran imágenes del estado actual (ni siquiera puedo cambiar el color del ícono de la hamburguesa, cada png se vuelve blanco jajaja)
Y lo que espero lograr:
Realmente agradecería cualquier sugerencia y explicación sobre cómo crear este renderizador personalizado. ¡Gracias a todos!
2 answers
Answer question0
Consulte la documentación oficial sobre cómo puede personalizar TitleView en una aplicación Shell:
Xamarin.Forms Shell páginas - Documentación
Secciones
1 - Establecer colores de página
- ForegroundColor, de tipo Color, que define el color para sombrear texto e iconos.
2 - Mostrar vistas en la barra de navegación
La propiedad adjunta Shell.TitleView, de tipo View, permite mostrar cualquier vista en la barra de navegación.
Si bien esta propiedad se puede establecer en un objeto Shell subclasificado, también se puede establecer en cualquier página que desee mostrar una vista en la barra de navegación. Por ejemplo, el siguiente XAML muestra una imagen en la barra de navegación de una página de contenido:
Puede agregar ImageButtons en TitleView y usar IconTintColorEffect de XamarinCommunityToolkit para cambiar el color del ícono:
0
Los controladores personalizados se recomiendan cuando desea cambiar/anular el comportamiento de un elemento. Lo que debe hacer es personalizar la Vista de título , un elemento que puede definir fácilmente de la misma manera que personaliza el Contenido en una Vista.
Todo lo que necesitas hacer es esto:
<!-- YOUR XAML --> <NavigationPage.TitleView> <Grid> <!-- YOUR CONTENT --> </Grid> </NavigationPage.TitleView>Me gustaría decir que puede mantenerse ajustado a la altura de la barra de navegación, hay algunas restricciones que debe seguir.
Si necesita una especie de plantilla para reutilizar esta barra de título en varios lugares, es posible que necesite una Plantilla de control .
Puede visitar estos enlaces: