1. 程式人生 > 其它 >WPF控制元件模板

WPF控制元件模板

控制元件模板:

控制元件模板可以對控制元件外觀如何修飾,定義用ControlTemplate

如按鈕的控制元件模板定義

<ControlTemplate TargetType="{x:Type Button}">
<Border x:Name="border" BorderBrush="#FF24C6F5"
BorderThickness="{TemplateBinding BorderThickness}"
SnapsToDevicePixels="true"
CornerRadius="5">
<Border.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF24C6F5" Offset="0.606"/>
<GradientStop Color="White" Offset="0.294"/>
</LinearGradientBrush>
</Border.Background>
<Grid>
<Border Name="light" Visibility="Collapsed">
<Border.Background>
<RadialGradientBrush RadiusY="1" Center="0.5,1" GradientOrigin="0.5,1">
<GradientStop Color="White" Offset="0.424"/>
<GradientStop Offset="1"/>
</RadialGradientBrush>
</Border.Background>
</Border>
<ContentPresenter

x:Name="contentPresenter" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> //ContentPresenter佔位按鈕的內容顯示

</Grid>
</Border>
<ControlTemplate.Triggers>

//控制元件模板裡面可以定義觸發器
<Trigger Property="IsDefaulted" Value="true">
<Setter Property="BorderBrush" TargetName="border" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
</Trigger>
<Trigger Property="IsMouseOver" Value="true">
<Setter Property="Visibility" Value="Visible" TargetName="light"/>
<!--<Setter Property="Background" TargetName="border" Value="{StaticResource Button.MouseOver.Background}"/>
<Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.MouseOver.Border}"/>-->
</Trigger>
<Trigger Property="IsPressed" Value="true">
<Setter Property="Background" TargetName="border" Value="{StaticResource Button.Pressed.Background}"/>
<Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Pressed.Border}"/>
</Trigger>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="Background" TargetName="border" Value="{StaticResource Button.Disabled.Background}"/>
<Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Disabled.Border}"/>
<Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="{StaticResource Button.Disabled.Foreground}"/>
</Trigger>

</ControlTemplate.Triggers>
</ControlTemplate>

TemplateBinding:可以引用控制元件裡面的屬性設定等價於 TemplateBinding={Binding RelativeSource={RelativeSource TemplateParent}}