Silverlight样式(Style)的定义与引用

类似css的方式。

定义：.header{color:red;}
应用：<div class='header'></div>
Silverlight定义样式是这样：在App.xaml中定义如下：
在这里定义了DataGrid的Header样式与Element的样式。
注意添加引用：xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"

View Code

 1 <Application xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 2              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
 3              xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
 4              x:Class="HCLoad.App"
 5              >
 6     <Application.Resources>
 7         <Style x:Name="DataGridBuildHeader" TargetType="sdk:DataGridColumnHeader">
 8             <Setter Property="Width" Value="83"></Setter>
 9             <Setter Property="HorizontalContentAlignment" Value="Center"></Setter>
10         </Style>
11         <Style x:Name="DataGridBuildElement" TargetType="TextBlock">
12             <Setter Property="HorizontalAlignment" Value="Center"></Setter>
13         </Style>
14     </Application.Resources>
15 </Application>

引用样式：

View Code

1 <sdk:DataGrid x:Name="dgBuilding" Margin="5 55 10 0" Width="500" Height="160" AutoGenerateColumns="False">
2     <sdk:DataGrid.Columns>
3         <sdk:DataGridTextColumn Header="楼层号" Binding="{Binding ID}" HeaderStyle="{StaticResource DataGridBuildHeader}" ElementStyle="{StaticResource DataGridBuildElement}"></sdk:DataGridTextColumn>
4     </sdk:DataGrid.Columns>
5 </sdk:DataGrid>