在Silverlight中的Style相當(dāng)于Html中的Css，是其一個(gè)重要的組成部分。它可以聲明于UserControl.Resources也就是本頁(yè)面資源內(nèi)或者控件資源內(nèi)，也可以聲明于App.Xaml內(nèi)或者ResourceDictionary字典資源內(nèi)。

Style分為內(nèi)聯(lián)樣式(控件本身樣式)、頁(yè)內(nèi)級(jí)別樣式(本身UserControl.Resources內(nèi)樣式)、應(yīng)用程序域級(jí)別樣式(App.Xaml內(nèi)樣式)、ResourceDictionary字典資源。

Style的作用順序是就近原則，比如一個(gè)控件先使用自身樣式，然后在本頁(yè)面內(nèi)的資源尋找具有指定Key的樣式，如果找到就使用此樣式，沒(méi)有就找App.Xaml內(nèi)樣式，再?zèng)]有就取ResourceDictionary字典資源內(nèi)尋找。

A.其聲明為 <Style TargetType="ListBox" x:Key="listBox" BasedOn="{StaticResource fontColor}"></Style>

TargetType：針對(duì)什么控件

x:Key：此樣式的樣式名稱(chēng)Key，對(duì)于不需要x:Key指定的隱式樣式，我們將會(huì)在下節(jié)講述。

BasedOn：繼承于什么樣式，注意繼承的樣式需要以BasedOn="{StaticResource fontColor}"指定上級(jí)Style的Key

B.樣式內(nèi)部項(xiàng)以<Setter></Setter>標(biāo)簽聲明，如<Setter Property="FontSize" Value="15"></Setter>

Property：作用于什么屬性

Value：設(shè)置的值是什么？

同樣其也可以用以下方式申明Setter值，在這里把整個(gè)DataTemplate模板作為一個(gè)Setter的Value,然后設(shè)置針對(duì)屬性值為L(zhǎng)istBox的ItemTemplate屬性。

<Setter Property="ItemTemplate">  
                <Setter.Value>  
                    <DataTemplate>  
                        <StackPanel Orientation="Vertical" >  
                            <StackPanel Orientation="Horizontal" Margin="5" Width="380">  
                                <TextBlock Text="{Binding ArtName}" Margin="5 10 0 0"></TextBlock>  
                                <TextBox Text="{Binding ArtContent}" Name="tbName" Margin="5"></TextBox>  
                                <TextBox Text="{Binding ArtAuthor}" Margin="5"></TextBox>  
                                <TextBlock Text="{Binding ArtUpdateTime}" Margin="5 10 0 0"></TextBlock>  
                            </StackPanel>  
                            <StackPanel Orientation="Horizontal"  Visibility="Collapsed">  
                                <TextBox Text="{Binding ArtContent}" Width="280"></TextBox>  
                            </StackPanel>  
                        </StackPanel>  
                    </DataTemplate>  
                </Setter.Value>  
            </Setter> 

最后貼出針對(duì)ListBox設(shè)置的樣式繼承于某fontColor樣式，代碼如下：

<Application.Resources>  
        <Style TargetType="ListBox" x:Key="fontColor">  
            <Setter Property="Foreground" Value="Red"></Setter>  
        </Style>  
        <Style TargetType="ListBox" x:Key="listBox" BasedOn="{StaticResource fontColor}">  
            <Setter Property="FontSize" Value="15"></Setter>  
            <Setter Property="FontFamily" Value="Georgia"></Setter>  
            <Setter Property="ItemTemplate">  
                <Setter.Value>  
                    <DataTemplate>  
                        <StackPanel Orientation="Vertical" >  
                            <StackPanel Orientation="Horizontal" Margin="5" Width="380">  
                                <TextBlock Text="{Binding ArtName}" Margin="5 10 0 0"></TextBlock>  
                                <TextBox Text="{Binding ArtContent}" Name="tbName" Margin="5"></TextBox>  
                                <TextBox Text="{Binding ArtAuthor}" Margin="5"></TextBox>  
                                <TextBlock Text="{Binding ArtUpdateTime}" Margin="5 10 0 0"></TextBlock>  
                            </StackPanel>  
                            <StackPanel Orientation="Horizontal"  Visibility="Collapsed">  
                                <TextBox Text="{Binding ArtContent}" Width="280"></TextBox>  
                            </StackPanel>  
                        </StackPanel>  
                    </DataTemplate>  
                </Setter.Value>  
            </Setter>  
        </Style>  
    </Application.Resources> 

在看實(shí)例中使用樣式如下代碼：

<UserControl.Resources>  
        <local:ArtList x:Key="SourceList"></local:ArtList>  
    </UserControl.Resources>  
    <Grid x:Name="LayoutRoot" Background="White"  DataContext="{StaticResource SourceList}">  
        <ListBox x:Name="lbRes" ItemsSource="{Binding ArticleList}"  Style="{StaticResource listBox}" 
                 Margin="0 50 0 0 " 
                 HorizontalAlignment="Left" VerticalAlignment="Top" 
                  Height="400"  >  
        </ListBox>  
    </Grid> 

實(shí)現(xiàn)效果如下圖，可以看到該ListBox實(shí)現(xiàn)了Style中的模板樣式和字體大小等，另外還繼承了fontColor樣式中的字體顏色，如需源碼請(qǐng)點(diǎn)擊 SLStyle.zip 下載。

原文鏈接：http://www.cnblogs.com/chengxingliang/archive/2012/07/02/2558112.html

【編輯推薦】

1. Silverlight開(kāi)發(fā)頁(yè)面需要5分鐘到0分鐘蛻變
2. 游戲人生Silverlight：星際競(jìng)技場(chǎng)
3. 游戲人生Silverlight：貪吃蛇
4. 微軟為什么選擇Silverlight作為Windows Phone開(kāi)發(fā)框架
5. 微軟發(fā)布Silverlight 5.1.10411.0版本