Xamarin UWP custom CommandBar

Question

Я хотел бы создать специальный CommandBar для части UWP моего проекта Xamarin.

Я хочу сделать логотип на цвет фона. Единственный способ получить это - сделать визуальную кисть или сетку, чтобы содержать как цвет фона, так и изображение.

Я читал, что это можно сделать так;

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

Мне нужно добавить этот CommandBar во время выполнения, как так:

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

Вопросы:

1. Как и где я могу добавить это в моем проекте Xamarin UWP? Добавить файл XAML?

2. Как я могу связать во время выполнения с макетом? Или есть лучший способ сделать это?

Answer 1

В идеале, вы должны создать новый стиль для CommandBar и добавить его в словарь ресурсов 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> 

потому что стиль не имеет ключа, то это станет неявным стилем для CommandBar и поэтому применяется ко всем экземплярам CommandBar