ControlTemplate that Respects More Properties : ControlTemplate « Windows Presentation Foundation « C# / C Sharp






ControlTemplate that Respects More Properties

ControlTemplate that Respects More Properties
      


<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="">
        
        
<Grid xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Grid.Resources>
    <ControlTemplate x:Key="buttonTemplate" TargetType="{x:Type Button}">
      <Grid>
        <Ellipse x:Name="outerCircle">
          <Ellipse.Fill>
            <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
              <GradientStop Offset="0"
                Color="{Binding RelativeSource={RelativeSource TemplatedParent},
                Path=Background.Color}"/>
                <GradientStop Offset="1" Color="Red"/>
              </LinearGradientBrush>
          </Ellipse.Fill>
        </Ellipse>
        <Viewbox>
          <ContentPresenter Margin="{TemplateBinding Padding}"/>
        </Viewbox>
      </Grid>
      <ControlTemplate.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
          <Setter TargetName="outerCircle" Property="Fill" Value="Orange"/>
        </Trigger>
        <Trigger Property="IsPressed" Value="True">
          <Setter Property="RenderTransform">
            <Setter.Value>
              <ScaleTransform ScaleX=".9" ScaleY=".9"/>
            </Setter.Value>
          </Setter>
          <Setter Property="RenderTransformOrigin" Value=".5,.5"/>
        </Trigger>
      </ControlTemplate.Triggers>
    </ControlTemplate>
  </Grid.Resources>
  <StackPanel Orientation="Horizontal">
    <Button Template="{StaticResource buttonTemplate}" Height="100" Width="100" FontSize="80" Background="Black"
    Padding="20" Margin="5">1</Button>
  </StackPanel>
</Grid>

</Window>

   
    
    
    
    
    
  








Related examples in the same category

1.Control template: event trigger, border and textControl template: event trigger, border and text
2.Put a Control Template into a StylePut a Control Template into a Style
3.Label with ControlTemplateLabel with ControlTemplate
4.Specify Named Parts of a Control TemplateSpecify Named Parts of a Control Template
5.ProgressBar with ControlTemplateProgressBar with ControlTemplate
6.Simple ControlTemplateSimple ControlTemplate
7.ControlTemplate with TriggersControlTemplate with Triggers
8.ControlTemplate that Respects ContentControlTemplate that Respects Content
9.Use ControlTemplate and event handlerUse ControlTemplate and event handler
10.Finding the border that is generated by the ControlTemplate of the ButtonFinding the border that is generated by the ControlTemplate of the Button
11.Get The actual width of the border in the ControlTemplateGet The actual width of the border in the ControlTemplate
12.ControlTemplates and style xaml file
13.Enhance the visual appearance of a ContentControl by applying a style.Enhance the visual appearance of a ContentControl by applying a style.
14.Use a ContentTemplate and determine whether the control contains content.Use a ContentTemplate and determine whether the control contains content.