WPF：編程改變控件的顏色自定義樣式

<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：編程改變控件的顏色自定義樣式

我設法這樣做的唯一方法是創建一個全新的樣式，並帶有一個新的繪圖圖像。並分配它。但我確信有一個更簡單的方法來做到這一點。

來源

2011-07-17 Bg1987

我把它直接包括GeomteryDrawing在Button模板，使用RelativeSource綁定到其Button祖先的Foreground和Background性質（而我分配在樣式聲明默認）喜歡的工作：

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

來源

2011-07-17 15:59:24 Ross

小記：請考慮使用'RelativeSource TemplatedParent'（甚至是'TemplateBinding'）而不是'RelativeSource AncestorType = {x：Type Button}''。 –

如果您只想更改背景周圍的背景，請將Background="{TemplateBinding Background}"添加到您的ControlTemplate中的Grid。

如果您還想更改六邊形內部的背景顏色，請將您的GeometryDrawing的Brush更改爲Transparent。

來源

2011-07-17 15:57:42 svick

WPF：編程改變控件的顏色自定義樣式

回答

相關問題