Simple Button Template : Button « UI Controls « Silverlight
- Silverlight
- UI Controls
- Button
Simple Button Template
<UserControl x:Class='SilverlightApplication3.MainPage'
xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
xmlns:d='http://schemas.microsoft.com/expression/blend/2008'
xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006'
mc:Ignorable='d'
d:DesignWidth='640'
d:DesignHeight='480'>
<UserControl.Resources>
<Color x:Key="BackgroundColor">#FF800000</Color>
<ControlTemplate x:Key="ButtonTemplate" TargetType="Button">
<Border BorderBrush="Orange" BorderThickness="3" CornerRadius="10" Background="{TemplateBinding Background}">
<ContentPresenter Margin="{TemplateBinding Padding}">
</ContentPresenter>
</Border>
</ControlTemplate>
<Style x:Key="ButtonStyle" TargetType="Button">
<Setter Property="Foreground" Value="White"></Setter>
<Setter Property="Background" Value="{StaticResource BackgroundColor}"></Setter>
<Setter Property="Template" Value="{StaticResource ButtonTemplate}"></Setter>
</Style>
</UserControl.Resources>
<StackPanel x:Name="LayoutRoot" Background="White" >
<Button Style="{StaticResource ButtonStyle}" Content="A Templated Button"
Click="Button_Click" ></Button>
</StackPanel>
</UserControl>
//File: Page.xaml.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
namespace SilverlightApplication3
{
public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
}
private void Button_Click(object sender, RoutedEventArgs e)
{
((Button)sender).Content = "You clicked me.";
}
}
}
Related examples in the same category
