Wie Bild hinzufügen, um mahapps tabcontrol

Question

Ich mag sowohl Elemente der Registerkarte mit Text erstellen und Bild

Ich fand this Problem, aber es ist nicht mehr relevant, da Controls:MetroImage veraltet ist.

MetroDemo.exe hat Beispiele, wie man TabControl verwendet, aber es gibt keine Demonstration auf, wie man macht, was ich versuche zu tun.

Hat jemand einen Vorschlag?

Answer 1

MahApps erweitert einfach die vorhandenen WPF-Steuerelemente oder erstellt sie neu. Was manche Leute nicht wissen, ist, dass alles, was Sie tun wollen, bereits möglich ist, ohne etwas Besonderes zu tun.

Die TabItem.Header Eigenschaft ist eine object, und ist mit einem ContentPresenter gestylt. Was das bedeutet ist, Ihnen die Freiheit, etwas haben, wie dies zu tun:

<TabItem> 
    <TabItem.Header> 
     <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="Auto"/> 
       <ColumnDefinition/> 
      </Grid.ColumnDefinitions> 
      <Image Height="20" Width="20" Source="Resources/myimg.png"/> 
      <TextBlock Grid.Column="1">Hello World!</TextBlock> 
     </Grid> 
    </TabItem.Header> 
</TabItem> 

Eingeführt in der MahApps Pre-Release (1.3.0+) ist eine neue ModernUIPackIcon und Variationen, die mit den abgepackten Icons erheblich vereinfachen Diese befinden sich derzeit im MahApps.Resources-Paket. Wenn Sie nur eines davon verwenden möchten, können Sie das Element Image ersetzen.