Inhalt eines Button Style erscheint nur in einer Button-Instanz

Question

Ich habe eine Viewbox:

<Viewbox x:Key="SampleViewbox" > 
    <Grid> 
    <Ellipse Stroke="#e2e2e0" StrokeThickness="6" Fill="#d5273e" Width="128" Height="128"/> 
    </Grid> 
</Viewbox> 

Ich schließe diese dann in einem Stil wie:

<Style x:Key="SampleStyle" TargetType="{x:Type Button}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Border Background="Transparent" > 
        <ContentPresenter Content="{StaticResource SampleViewbox}"/> 
       </Border> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

Jetzt habe ich viele Knöpfe mit SampleStyle

<Grid> 
    <StackPanel> 
     <Button Style="{StaticResource SampleStyle}" Height="50" Width="50"></Button> 
     <Button Style="{StaticResource SampleStyle}" Height="80" Width="80"></Button> 
     <Button Style="{StaticResource SampleStyle}" Height="20" Width="20"></Button> 
    </StackPanel> 
</Grid> 

jedoch Nur ein Taste hat die Ellipse (Viewbox)

Wie kann ich alle Knöpfe haben/zeige die Ellipse ??

Answer 1

Viewbox ist FrameworkElement, das nicht zu mehreren Eltern gehören kann. Jedes Mal, wenn Schaltflächen eine Ressource {StaticResource SampleViewbox} anfordern, erhalten sie dieselbe Instanz.

dieses Verhalten zu ändern, hinzufügen x:Shared="False" Attribut

<Viewbox x:Key="SampleViewbox" x:Shared="False"> 

Answer 2

Einstellen der x:Shared Attribut des ViewBox-false wie @ASh vorgeschlagen wird in der Tat arbeiten, aber warum Sie beinhalten nicht nur die ViewBox im ControlTemplate wie diese ?

<Style x:Key="SampleStyle" TargetType="{x:Type Button}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Border Background="Transparent" > 
        <Viewbox> 
         <Grid> 
          <Ellipse Stroke="#e2e2e0" StrokeThickness="6" Fill="#d5273e" Width="128" Height="128"/> 
         </Grid> 
        </Viewbox> 
       </Border> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

Eine Vorlage ist eine Vorlage und eine Kontrollinstanz ist eine Instanz.

Answer 3

Ich denke, ein guter Ansatz ist, DataTemplate zu verwenden. So, Sie

<DataTemplate x:Key="SampleViewbox"> 
    <Viewbox> 
     <Grid> 
      <Ellipse 
        Width="128" 
        Height="128" 
        Fill="#d5273e" 
        Stroke="#e2e2e0" 
        StrokeThickness="6" /> 
     </Grid> 
    </Viewbox> 
</DataTemplate> 

Und für Stil

<Style x:Key="SampleStyle" TargetType="{x:Type Button}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Border Background="Transparent"> 
        <ContentPresenter ContentTemplate="{StaticResource SampleViewbox}" /> 
       </Border> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style>