Befehlsleiste in Windows Phone

Question

Ich verwende Befehlsleiste in Windows Phone unter Code

<Page.BottomAppBar> 
     <CommandBar Foreground="White"> 
      <CommandBar.PrimaryCommands> 
       <AppBarButton x:Uid="Share"> 
        <AppBarButton.Icon> 
         <BitmapIcon UriSource="/Assets/Share.png"/> 
        </AppBarButton.Icon> 
       </AppBarButton> 
       <AppBarButton Icon="Favorite"></AppBarButton> 
       <AppBarButton Icon="Comment"></AppBarButton> 
      </CommandBar.PrimaryCommands> 
     </CommandBar> 
    </Page.BottomAppBar> 

Ich bin ein Fußzeilensymbol wie unten immer mit aus jedem Hintergrund. Einfach das Symbolbild wird angezeigt.

Aber ich brauche ein Fußzeile Symbol wie dies mit etwas abgerundeten Hintergrund für jedes Symbol mit Vordergrund wissen

Bitte leitet mich die erwarteten

Answer 1

Versuchen zu erreichen zu folgen unten:

1) Öffnen Sie die Seite in Blend, die Sie ändern möchten. Klicken Sie auf die eigentliche Steuerung und klicken Sie mit der rechten Maustaste.

2) aus dem Popup-Fenster wählen neue Vorlage erstellen und als Anwendung definieren In

3) Es erstellt eine Kopie der Standardvorlage in App.xaml. Suchen Sie nach Tag ContentPresenter vor dem Ende des Stils. Es wird in StackPanel mit Name ContentRoot verpackt. Wickeln Sie es mit einem Rahmen.

<Border BorderBrush="{TemplateBinding Foreground}" CornerRadius="50" BorderThickness="2" Margin="10,0"> 

Schließlich sollte es wie folgt sein.

<Border BorderBrush="{TemplateBinding Foreground}" CornerRadius="50" BorderThickness="2" Margin="10,0"> 
    <StackPanel x:Name="ContentRoot" MinHeight="{ThemeResource AppBarThemeCompactHeight}"> 
     <ContentPresenter x:Name="Content" AutomationProperties.AccessibilityView="Raw" Content="{TemplateBinding Icon}" Foreground="{TemplateBinding Foreground}" HorizontalAlignment="Center" Height="20" Width="20" Margin="0,12,0,4"/> 
     <TextBlock x:Name="TextLabel" Foreground="{TemplateBinding Foreground}" FontSize="12" FontFamily="{TemplateBinding FontFamily}" Margin="0,0,0,6" TextAlignment="Center" TextWrapping="Wrap" Text="{TemplateBinding Label}"/> 
    </StackPanel> 
</Border> 

Jetzt gehen Sie zurück zu Ihrer Seite und stellen Sie den Stil auf diesen Stil Schlüssel. Wie unten.

<AppBarButton Icon="Favorite" Style="{StaticResource AppBarButtonStyle1}" ></AppBarButton> 

Dies ist Schönheit der Mischung. Nicht nur dieses Steuerelement, Sie können jedes Steuerelement mit Style-Vorlage ändern.

Viel Glück.