xaml - Barra de mando personalizada Xamarin UWP

background win-universal-app

Question

Me gustaría crear una CommandBar personalizada para la parte UWP de mi proyecto Xamarin.

Quiero hacer un logo en un color de fondo. La única manera de conseguir esto es haciendo un visualbrush o grilla, para contener el color de fondo y la imagen.

He leído que se puede hacer así;

<Window.Resources>
    <VisualBrush x:Key="myBrush">
        <VisualBrush.Visual>
            <Grid>
                <Rectangle Fill="Red" />
                <Image Source="troll.png" />
            </Grid>
        </VisualBrush.Visual>
    </VisualBrush>
</Window.Resources>

Necesito agregar esta barra de comandos durante el tiempo de ejecución así:

var _globalAppBar = new CommandBar();
_globalAppBar.Background = [Link  to above layout]

Preguntas:

1. ¿Cómo o dónde puedo agregar esto en mi proyecto Xamarin UWP? Agregar un archivo XAML?

2. ¿Cómo puedo vincular durante el tiempo de ejecución con el diseño? ¿O hay una mejor manera de hacer esto?

Answer 1

Lo ideal sería crear un nuevo estilo para CommandBar y agregarlo al diccionario de recursos App.xaml

<Application.Resources>
 <Style TargetType="CommandBar">
   <Setter Property="Background">
     <Setter.Value>
      <VisualBrush>
        <VisualBrush.Visual>
          <Grid>
            <Rectangle Fill="Red" />
            <Image Source="troll.png" />
          </Grid>
        </VisualBrush.Visual>
       </VisualBrush>
     </Setter.Value>
   </Setter>
 </Style>
</Application.Resources>

porque el estilo no tiene clave, se convertirá en el estilo implícito de CommandBar y, por lo tanto, se aplicará a todas las instancias CommandBar