Customize your own Silverlight control

概述1. Create a new class which inherit from ContentControl namespace SimpleButtonDemo{ public class SimpleButton : ContentControl { public event RoutedEventHandler Click; publ

1. Create a new class which inherit from ContentControl

namespace SimplebuttonDemo{ public class Simplebutton : ContentControl { public event RoutedEventHandler Click; public Simplebutton() { DefaultStyleKey = typeof(Simplebutton); this.MouseleftbuttonUp += new MousebuttonEventHandler(Simplebutton_MouseleftbuttonUp); this.MouseEnter += new MouseEventHandler(Simplebutton_MouseEnter); this.MouseLeave += new MouseEventHandler(Simplebutton_MouseLeave); } voID Simplebutton_MouseleftbuttonUp(object sender,MousebuttonEventArgs e) { if (Click != null) Click(this,new RoutedEventArgs()); } voID Simplebutton_MouseEnter(object sender,MouseEventArgs e) { visualstatemanager.GoToState(this,"MouSEOver",true); } voID Simplebutton_MouseLeave(object sender,"normal",true); } }}

 

2. You must create themes folder in Silverlight application.

3. Create a txt file and rename it to Generic.xaml under the themes folder.

4. In the Generic.xaml,paste the following content in,(NOTICE: namespaces)

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:custom="clr-namespace:SimplebuttonDemo;assembly=SimplebuttonDemo" xmlns:vsm="clr-namespace:System.windows;assembly=System.windows"> <Style targettype="custom:Simplebutton"> <Setter Property="WIDth" Value="100" /> <Setter Property="Height" Value="100" /> <Setter Property="Background" Value="Lavender" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate targettype="custom:Simplebutton"> <!--<GrID x:name="RootElement"> <Rectangle x:name="BodyElement" WIDth="{TemplateBinding WIDth}" Height="{TemplateBinding Height}" Fill="{TemplateBinding Background}" stroke="Purple" RadiusX="16" RadiusY="16" /> <ContentPresenter Content="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center" /> </GrID>--> <GrID x:name="RootElement"> <vsm:visualstatemanager.VisualStateGroups> <vsm:VisualStateGroup x:name="CommonStates"> <vsm:VisualStateGroup.Transitions> <vsm:VisualTransition To="normal"/> <vsm:VisualTransition To="MouSEOver"/> </vsm:VisualStateGroup.Transitions> <vsm:VisualState x:name="normal" /> <vsm:VisualState x:name="MouSEOver"> <Storyboard Duration="0:0:.8"> <colorAnimation Storyboard.Targetname="BodyElement" Storyboard.TargetProperty="(Rectangle.Fill).(SolIDcolorBrush.color)" To="Yellow" /> </Storyboard> </vsm:VisualState> </vsm:VisualStateGroup> </vsm:visualstatemanager.VisualStateGroups> <Rectangle x:name="BodyElement" WIDth="{TemplateBinding WIDth}" Height="{TemplateBinding Height}" Fill="{TemplateBinding Background}" stroke="Purple" RadiusX="16" RadiusY="16" /> <ContentPresenter Content="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center"/> </GrID> </ControlTemplate> </Setter.Value> </Setter> </Style></ResourceDictionary>

5. In other pages,you can use it in these ways,

     a. Using it in a simple way

   <custom:Simplebutton Canvas.left="300" Canvas.top="300" Content="New button" WIDth="100" Height="100" Background="Bisque" Click="Simplebutton_Click_1" />       

   b. Using it with new content.(replace the original content with yours) 

<custom:Simplebutton WIDth="250" Height="150" Click="Simplebutton_Click"> <custom:Simplebutton.Content> <StackPanel OrIEntation="Horizontal" HorizontalAlignment="Center"> <Ellipse WIDth="75" Height="75" margin="10"> <Ellipse.Fill> <RadialGradIEntBrush GradIEntOrigin="0.25,0.25"> <GradIEntStop Offset="0.25" color="White" /> <GradIEntStop Offset="1.0" color="Red" /> </RadialGradIEntBrush> </Ellipse.Fill> </Ellipse> <TextBlock Text="Click Me" VerticalAlignment="Center" /> </StackPanel> </custom:Simplebutton.Content> </custom:Simplebutton>

总结

以上是内存溢出为你收集整理的Customize your own Silverlight control全部内容，希望文章能够帮你解决Customize your own Silverlight control所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。