CommandBar personalizzato Xamarin UWP

Question

Mi piacerebbe creare un CommandBar personalizzato per la parte UWP del mio progetto Xamarin.

Voglio fare un logo su un colore di sfondo. L'unico modo per ottenere questo, è fare un pennello o una griglia, per contenere sia il colore di sfondo che l'immagine.

Ho letto che può essere fatto in questo modo;

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

ho bisogno di aggiungere questo commandbar durante il runtime in questo modo:

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

Domande:

1. Come o dove posso aggiungere questo nel mio progetto Xamarin UWP? Aggiungi un file XAML?

2. Come posso collegare durante il runtime al layout? O c'è un modo migliore per farlo?

Answer 1

Idealmente, si potrebbe creare un nuovo stile per il CommandBar e aggiungerla al dizionario risorse 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> 

perché lo stile non ha alcun tasto, diventerà lo stile implicito per CommandBar e quindi essere applicato a tutte le istanze CommandBar