MahApps.Metro Symbol wird nicht angezeigt

Question

Ich versuche, eine Schaltfläche "Aktualisieren" in der Titelleiste des Fensters mit MahApps.Metro 0.13.1.0 hinzuzufügen.

Mein App.xaml ist dies:

<Application x:Class="VersionSwitcher.App" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
      StartupUri="Views/MainWindow.xaml" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      d1p1:Ignorable="d" 
      xmlns:d1p1="http://schemas.openxmlformats.org/markup-compatibility/2006"> 
    <Application.Resources> 
     <ResourceDictionary> 
      <ResourceDictionary.MergedDictionaries> 
       <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" /> 
       <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" /> 
       <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Colors.xaml" /> 
       <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/Blue.xaml" /> 
       <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/BaseLight.xaml" /> 
       <ResourceDictionary Source="/Resources/Icons.xaml" /> 
      </ResourceDictionary.MergedDictionaries> 
      <vm:ViewModelLocator x:Key="Locator" d:IsDataSource="True" xmlns:vm="clr-namespace:VersionSwitcher.ViewModel" /> 
     </ResourceDictionary> 
    </Application.Resources> 
</Application> 

Und dann in meiner MainWindow.xaml:

<Controls:MetroWindow.WindowCommands> 
    <Controls:WindowCommands> 
     <Button ToolTip="{x:Static p:Resources.Button_Refresh}" 
       Style="{DynamicResource MetroCircleButtonStyle}" Width="30" Height="30"> 
       <Rectangle Fill="Black"> 
        <Rectangle.OpacityMask> 
         <VisualBrush Stretch="Fill" 
            Visual="{DynamicResource appbar_refresh}" /> 
        </Rectangle.OpacityMask> 
       </Rectangle> 
     </Button> 
    </Controls:WindowCommands> 
</Controls:MetroWindow.WindowCommands> 

ich einen grauen Kreis in der Titelleiste, aber kein Symbol! Jedes Symbol (von Resources/Icons.xaml) macht dasselbe.

Wenn das Symbol im Fensterinhalt statt in der Titelleiste platziert wird, macht es das Gleiche.

Was habe ich verpasst?

Danke!

aktualisiert

ich herausgefunden habe, dass das Symbol, um das Rechteck eine Breite und eine Höheneinstellung zeigt. Was muss ich tun, um den Button immer zu füllen?

Answer 1

Sie sehen nicht, es cos die Rectangle hat es eine Größe ist, als 0 für ActualWidth und ActualHeight, die Sie über Snoop

sehen Wenn Sie, wie Sie in Ihrem Kommentar erwähnt nicht viel über WPF wissen, von loszulegen sich mit Snoop vertraut machen. Großes Werkzeug, das Sie von vielen Kopf kratzen Momente sparen werde :)

So in einfachen Englisch, sind wir eine Rectangle als Content eines Button hinzufügen. Jetzt hat der Knopf einige Größenmaße. Allerdings endet das Rechteck nicht und endet damit mit 0. Wenn es ein Text wäre, würde es eine implizite Größe bekommen.

Um es zu sortieren, geben Sie dem Rechteck eine geeignete Breite/Höhe.

Wenn das Rechteck die Größe der Schaltfläche haben soll, können Sie eine RelativeSource-Bindung für die Breite und Höhe verwenden, um sie über die Schaltfläche abzurufen. In Ihrem Fall ist es jedoch eine Schaltfläche "Stilisiert", die bereits eine Ellipse verwendet, sodass sie etwas aufgefüllt werden muss.

MahApps.Metro von Github:

ButtonsExample.xaml

ihren vorgeschlagene Ansatz zeigt: (Inhalt mit expliziter Größe von weniger als Mutter Knopf)

<Button Width="50" 
     Height="50" 
     Margin="0, 10, 0, 0" 
     Style="{DynamicResource MetroCircleButtonStyle}"> 
    <Rectangle Width="20" 
       Height="20" 
       Fill="{Binding Path=Foreground, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Button}}}"> 
     <Rectangle.OpacityMask> 
      <VisualBrush Stretch="Fill" 
          Visual="{DynamicResource appbar_city}" /> 
     </Rectangle.OpacityMask> 
    </Rectangle> 
</Button>