Изменить ресурс Silverlight в VisualState - PullRequest
1 голос
/ 30 июля 2010

Мне интересно, существует ли простой способ изменить какой-либо общий ресурс (например, кисть) элемента управления между различными VisualStates.Например, я хотел бы определить кисть для использования в качестве фона границы и заливки другого прямоугольника.В другом VisualState я хотел бы изменить эту фоновую кисть в одном месте (ресурс) и отразить ее во всех элементах, использующих ресурс.

Я не уверен, действительно ли на ресурсы можно ссылаться по имени (неKey) для TargetName раскадровки в VisualState.

Вот упрощенный пример того, что я пытаюсь сделать в XAML:

<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="SilverlightApplication.MainPage"
Width="200" Height="200">
<UserControl.Resources>
    <SolidColorBrush x:Name="Background" x:Key="Background" Color="Black" />
</UserControl.Resources>
<Grid x:Name="LayoutRoot">
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="MyStates">
            <VisualState x:Name="Normal"/>
            <VisualState x:Name="Red">
                <Storyboard>
                    <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="Background" Storyboard.TargetProperty="(Color)">
                        <EasingColorKeyFrame KeyTime="00:00:00" Value="Red"/>
                    </ColorAnimationUsingKeyFrames>
                </Storyboard>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
    <Border Background="{StaticResource Background}" Width="100" Height="100" HorizontalAlignment="Left" VerticalAlignment="Top" BorderBrush="Red" BorderThickness="1"/>
    <Rectangle Fill="{StaticResource Background}" Width="100" Height="100" HorizontalAlignment="Right" VerticalAlignment="Bottom"/>
</Grid>
</UserControl>

У меня есть ощущение, потому что это StaticResourcesв Silverlight они загружаются только один раз и не могут быть изменены.Я знаю, что в WPF есть некоторая концепция DynamicResources.Есть ли способ добиться такого поведения в Silverlight без необходимости переопределять мою кисть во всех элементах?

1 Ответ

0 голосов
/ 31 июля 2010

DynamicResources, к сожалению, не существует в Silverlight.

Некоторые люди используют привязки.

Есть хитрый способ имитировать опыт в рамках одного UserControl, который вы можете попробовать.*

Все, что происходит в приведенном ниже коде, заключается в том, что раскадровка анимирует заливку одного прямоугольника, которая затем связывается с другими заливками в пользовательском элементе управления с помощью привязки элемента.Исходный прямоугольник не должен быть видимым, чтобы это работало.

<UserControl x:Class="TestSilverlightStuff.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:TestSilverlightStuff"            
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">
    <UserControl.Resources>
        <SolidColorBrush x:Key="Background" Color="Black" />
    </UserControl.Resources>
    <Grid x:Name="LayoutRoot">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="MyStates">
                <VisualState x:Name="Normal"/>
                <VisualState x:Name="Red">
                    <Storyboard>
                        <ColorAnimation Duration="0" To="Red" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="trickyRectangle" d:IsOptimized="True"/>
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
        <Rectangle Fill="Black" x:Name="trickyRectangle" Visibility="Collapsed" />
        <Border Background="{Binding Fill, ElementName=trickyRectangle}" Width="100" Height="100" HorizontalAlignment="Left" VerticalAlignment="Top" BorderBrush="Red" BorderThickness="1"/>
        <Rectangle Fill="{Binding Fill, ElementName=trickyRectangle}" Width="100" Height="100" HorizontalAlignment="Right" VerticalAlignment="Bottom"/>
        <Button Content="Button" Height="57" HorizontalAlignment="Left" Margin="12,231,0,0" Name="button1" VerticalAlignment="Top" Width="153" Click="button1_Click" />
    </Grid>
</UserControl>

Вот код нажатия кнопки C #:

private void button1_Click(object sender, System.Windows.RoutedEventArgs e)
{
    VisualStateManager.GoToState(this, "Red", true);
}

Это не так элегантно, как DynamicResource, но этоработает в некоторых случаях.

...