2011-07-17 621 views
5
<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> 

我有一个按钮,具有此HexagonButton作为它的风格,我想改变它的颜色 编程,Iv'e试图改变Backgroup财产,但无济于事。WPF:编程改变控件的颜色自定义样式

我设法这样做的唯一方法是创建一个全新的样式,并带有一个新的绘图图像。 并分配它。但我确信有一个更简单的方法来做到这一点。

回答

2

我把它直接包括GeomteryDrawingButton模板,使用RelativeSource绑定到其Button祖先的ForegroundBackground性质(而我分配在样式声明默认)喜欢的工作:

<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> 

默认的白色和黑色的按钮则是:

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

和一个自定义按钮:

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

小记:请考虑使用'RelativeSource TemplatedParent'(甚至是'TemplateBinding')而不是'RelativeSource AncestorType = {x:Type Button}''。 –

1

如果您只想更改背景周围的背景,请将Background="{TemplateBinding Background}"添加到您的ControlTemplate中的Grid

如果您还想更改六边形内部的背景颜色,请将您的GeometryDrawingBrush更改为Transparent