Styles And Templates : Styles « Graphics « Silverlight

1. Silverlight
2. Graphics
3. Styles

Styles And Templates

   
<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" 
 Margin="10" Padding="20" Click="Button_Click" FontSize="16"></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

1.

Button with style