代码改变世界

Silverlight之工具箱使用1

2011-02-22 20:29  王祖康  阅读(1985)  评论(5编辑  收藏  举报

我们在开发Silverlight项目时必定需要使用VS自带的一些控件,但是这些有限的控件有时候难以满足开发时的需求,因此MS给我们大家提供另外一套工具,来缓解Silverlight开发包的不足。

此工具箱免费下载地址是:http://silverlight.codeplex.com。我们可以在网址上找到下面两张图片所提示的链接地址就可以下载到Silverlight工具包了。

 

(1)

 

(2)

第一个下载是Silverlight4工具包的安装程序,由于非常方便,推荐大家下载。

第二个下载是Silverlight4工具包的压缩包,下载此压缩包,我们只需解压添加到工具栏中就可以啦!

下面列出一些工具箱中控件的用途:

控件

用途

AutoCompleteBox

由文本框和下拉菜单组成的控件。当我们在文本框中输入文字时,下拉菜单会显示与当前输入匹配的完整数据

NumericUpDown

由文本框和表示加减的按钮组成。我们单击按钮就可以实现对文本框中数字的加减操作

ViewBox

可以自动用子元素填充和修饰内部空白空间的容器

Expander

具有伸展和折叠功能的容器

Chart

用于显示统计图表

TreeView

树形结构控件

DockPanel

表示子元素位置彼此关联的容器

WrapPanel

具有自动提行功能控件

Lable

表示控件的标签

HeaderedContentControl

所有包含单个内容元素和一个标题的控件基类

下面我们来介绍一下Silverlight工具箱中应用主题元素的基本使用方法。如果我们看厌倦了Silverlight默认的灰白样式,又懒的去自定义皮肤,那么我们就可以使用这些主题元素,可以说是非常的方便啊!

主题标记能够对所包含的元素应用样式,但是位于标记外的就完全不受影响。下面我们来看一下对页面所有元素应用同一个主题的代码。

<Grid x:Name="LayoutRoot" Background="White">

        <toolkit:ShinyRedTheme Margin="6">

            <StackPanel>

               <Button Content="Button" Width="100" Height="50" Margin="5" />

                <sdk:Calendar Margin="5" />

            </StackPanel>

        </toolkit:ShinyRedTheme>

    </Grid>

效果如图:

 

我们还可以对控件运用主题样式,代码如下:

  <StackPanel x:Name="LayoutRoot" Orientation="Horizontal">

                <toolkit:ShinyRedTheme Margin="6">

            <StackPanel>

                 <Button Content="Button" Width="100" Height="50" Margin="5" />

                <sdk:Calendar Margin="5" />

            </StackPanel>              

                 </toolkit:ShinyRedTheme>  

            </StackPanel>

效果如图: