SilverLight幻灯片

SilverLight幻灯片2011-09-23 博客园懵盛盛刚刚开始学习SL，写下这篇入门，希望能抛砖引玉，与各位同学一同进步。高手请绕道。

这里将要介绍一个最简单的幻灯片程序，可以应用在Banner广告或图片播放。图片通过XML传递，配置非常方便。

在这篇文章的代码里，我将配与非常详细的注释，希望能通过代码说明SL的一些问题。

那么就开始吧，先看看最终运行效果：

首先分析下界面的元素结构：

有按钮、半透明的按钮容器、图片控件

东西不多，先从按钮说起：

在工程里创建一个UserControl，命名为TiggerButton，并在XAML中写下如下代码：

TiggerButton XAML
1<Grid x:Name="LayoutRoot" MouseEnter="LayoutRoot_MouseEnter" MouseLeave="LayoutRoot_MouseLeave" Cursor="Hand">
2        <Rectangle  x:Name="BackGroundRec" Fill="White" RadiusY="4" RadiusX="4" Height="20" Width="45" StrokeThickness="1" Stroke="Blue" />
3        <TextBlock x:Name="tb_Number" VerticalAlignment="Center" HorizontalAlignment="Center" Text="1" FontSize="16"/>
4    </Grid>

上面代码中，最外层的Grid是自动生成的，它的作用是使得该控件中可以包含多个子元素，因为Grid 继承Panel，默认属性是Children，所以可以直接把UIElement放入Grid中。在Grid中注册了MouseEnter和 MouseLeave事件，这里的处理方法和Winform,ASP.NET是同出一辄的。

然后的Rectangle就是我们看见的矩形框，框四角的圆角，是由RadiusX和RadiusY指定的。 StrokeThickness指定的是边框的宽度。

TextBlock的作用和我们在Winform里遇见的Label非常相似，用于输出字符串。而且Alignment属性也非常好用，直接就指定了该控件的位置，在这里由于没有指定按钮的文字，所以使用了垂直、水平居中。