Установить стиль для всех текстовых блоков в панели стека

Question

Допустим, у меня есть две разные панели стека (будем называть их SPA и SPB), каждая из которых имеет 10 текстовых блоков в качестве дочерних элементов. Все текстовые блоки в SPA должны использовать один стиль, а все текстовые блоки в SPB - другой. Один из способов сделать это - объявить два стиля в Ресурсах, а затем добавить Style="style1" ко всем 10 текстовым блокам на первой панели стека и добавить Style="style2" ко всем 10 во втором. Однако, похоже, что должен быть какой-то простой способ добавить стиль к самой панели стека, который каким-то образом предписывает панели стека применять его ко всем дочерним элементам, которые являются текстовыми блоками. Есть ли в любом случае, чтобы сделать это?

Причина, по которой я, естественно, ищу это решение, заключается в том, что именно так вы делаете то же самое в HTML с CSS, и я надеялся, что в XAML будет аналогичная функция со стилем.

Спасибо!

P.S. Я работаю с Silverlight, но я предполагаю, что моя ситуация и какое решение (если оно есть) применимо к XAML / WPF в целом.

Answer 1

В разделе ресурсов для вашего основного контейнера укажите свой стиль с атрибутом x:Key и целевым типом TextBlock. Затем в каждом разделе ресурсов для каждого StackPanel вы можете поместить стиль, в котором атрибут BasedOn установлен как ключ вашего основного стиля (не забудьте использовать привязку StaticResource, а не только имя ключа), а затем произнесите TargetType="{x:Type TextBlock}" и завершите тег. это должно привести стиль в StackPanel и стиль всех ваших TextBlocks.

<Window ...>
    <Window.Resources>
        <Style x:Key="tbstyle" TargetType="{x:Type TextBlock}">
            <!-- put setters here -->
        </Style>
    </Window.Resources>
    <StackPanel name="SPA">
        <StackPanel.Resources>
            <Style BasedOn="{StaticResource tbstyle}" TargetType="{x:Type TextBlock}" />
        </StackPanel.Resources>
        <TextBlock ... />
        <TextBlock ... />
        <TextBlock ... />
        <TextBlock ... />
        <TextBlock ... />
    </Stackpanel>
    <StackPanel name="SPB">
        <StackPanel.Resources>
            <Style BasedOn="{StaticResource tbstyle}" TargetType="{x:Type TextBlock}" />
        </StackPanel.Resources>
        <TextBlock ... />
        <TextBlock ... />
        <TextBlock ... />
        <TextBlock ... />
        <TextBlock ... />
    </StackPanel>
</Window>

Answer 2

<StackPanel>
    <StackPanel.Resources>
        <Style TargetType="TextBlock">
            <Setter Property="Margin"
                    Value="5" />
        </Style>
    </StackPanel.Resources>
    <TextBlock Text="Text" />
    <TextBlock Text="Text" />
    <TextBlock Text="Text" />
    <TextBlock Text="Text" />
</StackPanel>

Answer 3

Вы можете сделать это, переопределив стиль текстового блока по умолчанию в Ресурсах каждой панели стека:

<StackPanel>
    <StackPanel.Resources>
        <Style TargetType="{x:Type TextBlock}">
            <Setter Property="Background"
                    Value="Red"/>
        </Style>
    </StackPanel.Resources>

    <TextBlock .../>
    <TextBlock .../>
    <TextBlock .../>
    <TextBlock .../>
</StackPanel>

<StackPanel>
    <StackPanel.Resources>
        <Style TargetType="{x:Type TextBlock}">
            <Setter Property="Background"
                    Value="Green"/>
        </Style>                
    </StackPanel.Resources>

    <TextBlock .../>
    <TextBlock .../>
    <TextBlock .../>
    <TextBlock .../>
</StackPanel>

Answer 4

Я нашел одно хорошее решение для этого здесь . Ниже приведен пример кода -

<Window x:Class="WpfTutorialSamples.Styles.WindowWideStyleSample"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="WindowWideStyleSample" Height="200" Width="300">
<Window.Resources>
    <Style TargetType="TextBlock">
        <Setter Property="Foreground" Value="Gray" />
        <Setter Property="FontSize" Value="24" />
    </Style>
</Window.Resources>
<StackPanel Margin="10">
    <TextBlock>Header 1</TextBlock>
    <TextBlock>Header 2</TextBlock>
    <TextBlock Foreground="Blue">Header 3</TextBlock>
</StackPanel>

Надеюсь, это поможет.