本文共 2227 字，大约阅读时间需要 7 分钟。
之前一直做WPF现在开始接触Slilverlight感触很多。
今天做一个Button要求
有两个图片，button默认有一个图片，鼠标over时用另一个图片，
用wpf做的时候写一个template很简单，但silverlight和wpf写起来不一样
记录一下。大概思路是两个image鼠标MouseOver的时候一个Visible一个Collapsed
写的是一个自定义控件，代码和皮肤分离，很简单的一个demo
代码下载：
先写一个继承自button的imagebutton类
1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Net; 5 using System.Windows; 6 using System.Windows.Controls; 7 using System.Windows.Documents; 8 using System.Windows.Input; 9 using System.Windows.Media;10 using System.Windows.Media.Animation;11 using System.Windows.Shapes;12 13 namespace ImageButtonTest14 {15 /// 16 /// build by lp17 /// 18 public class MyImageButton : Button19 {20 21 public static readonly DependencyProperty ImageNormalProperty =22 DependencyProperty.Register("ImageNormal",23 typeof(ImageSource),24 typeof(MyImageButton),25 new PropertyMetadata(null));26 27 public static readonly DependencyProperty ImageHoverProperty =28 DependencyProperty.Register("ImageHover",29 typeof(ImageSource),30 typeof(MyImageButton),31 new PropertyMetadata(null));32 //鼠标移到上面33 public ImageSource ImageHover34 {35 get { return (ImageSource)GetValue(ImageHoverProperty); }36 set { SetValue(ImageHoverProperty, value); }37 }38 //默认图片39 public ImageSource ImageNormal40 {41 get { return (ImageSource)GetValue(ImageNormalProperty); }42 set { SetValue(ImageNormalProperty, value); }43 }44 45 public MyImageButton()46 {47 this.DefaultStyleKey = typeof(MyImageButton);48 }49 }50 }
一个是鼠标移到上面的imageSource一个是默认的source
看一下它的样式 用sotryboard控制
鼠标MouseOver的时候一个Visible一个Collapsed
15 6 7 45
这样就可以用了
我们在页面上调用一下