WPF: programowo zmienić kolor kontrolki z niestandardowego stylu

Question

<DrawingImage x:Key="HexagonImage"> 
    <DrawingImage.Drawing> 
     <DrawingGroup> 
      <GeometryDrawing Brush="White" 
         Geometry="M 250,0 L 750,0 L 1000,433 L 750,866 L 250,866 L 0,433 Z"> 
       <GeometryDrawing.Pen> 
        <Pen Brush="Black" Thickness="10" LineJoin="Round"/> 
       </GeometryDrawing.Pen> 
      </GeometryDrawing> 
     </DrawingGroup> 
    </DrawingImage.Drawing> 
</DrawingImage> 

<Style x:Key="HexagonButton" TargetType="{x:Type Button}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
     <ControlTemplate TargetType="{x:Type Button}"> 
      <Grid> 
       <Image x:Name="hexImg" Source="{StaticResource HexagonImage}"/> 
       <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/> 
      </Grid> 
     </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

Mam przycisk, który ma tę HexagonButton jako jego stylu, a chcę zmienić jego kolor programowo, Iv'e próbował zmianę właściwości Backgroup, ale bez skutku.

Jedynym sposobem, w jaki udało mi się to zrobić, jest stworzenie zupełnie nowego stylu z nowym obrazem rysunkowym. i przypisz go. Ale jestem pewien, że jest łatwiejszy sposób na zrobienie tego.

Answer 1

Dostałem go do pracy jak o tym GeomteryDrawing bezpośrednio w szablonie Button i używając RelativeSource powiązania z Foreground i Background właściwości jego Button przodka (do którego przypisane domyślne w deklaracji stylu):

<Style x:Key="HexagonButton" TargetType="{x:Type Button}"> 
    <Setter Property="Background" Value="White" /> 
    <Setter Property="Foreground" Value="Black" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Grid> 
        <Image x:Name="hexImg"> 
         <Image.Source> 
          <DrawingImage> 
           <DrawingImage.Drawing> 
            <DrawingGroup> 
             <GeometryDrawing Brush="{Binding RelativeSource={RelativeSource AncestorType={x:Type Button}}, Path=Background}" Geometry="M 250,0 L 750,0 L 1000,433 L 750,866 L 250,866 L 0,433 Z"> 
              <GeometryDrawing.Pen> 
               <Pen Brush="{Binding RelativeSource={RelativeSource AncestorType={x:Type Button}}, Path=Foreground}" Thickness="10" LineJoin="Round" /> 
              </GeometryDrawing.Pen> 
             </GeometryDrawing> 
            </DrawingGroup> 
           </DrawingImage.Drawing> 
          </DrawingImage> 
         </Image.Source> 
        </Image> 
        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" /> 
       </Grid> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

domyślny biały i czarny przycisk jest następnie:

<Button Style="{StaticResource HexagonButton}">Click me</Button> 

i przycisk zwyczaj:

<Button Style="{StaticResource HexagonButton}" Background="Yellow" Foreground="Red">Click me</Button> 

Answer 2

Jeśli chcesz zmienić tło tylko wokół sześciokąta, dodaj Background="{TemplateBinding Background}" do Grid w swoim ControlTemplate.

Jeśli chcesz zmienić kolor tła wnętrza sześciokąta, zmień wartość Brush swojej GeometryDrawing na Transparent.