Question

我想知道是否有一种简单的方法来修改不同VisualStates之间控件的某种共享资源（即刷子）。例如，我想定义一个Brush作为边框的背景和不同Rectangle的填充。在另一个VisualState中，我想在一个地方（资源）更改此背景画笔，并使用该资源将其反映在所有元素中。

我不确定VisualState中Storyboard的TargetName是否真的可以通过Name（而不是Key）引用资源。

以下是我在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>

我有一种感觉，因为这些是Silverlight中的StaticResources，它们只加载一次而且无法更改。我知道WPF有一些DynamicResources的概念。有没有办法在Silverlight中实现这种类型的行为而不必在所有元素中重新定义我的画笔？

Answer 1

遗憾的是， DynamicResources在Silverlight中不存在。

有些人使用Bindings。

在您可能想要尝试的单个UserControl中模拟体验是一种偷偷摸摸的方式。

以下代码中发生的所有事情都是故事板为单个矩形的Fill设置动画，然后使用Element绑定将其绑定到UserControl中的其他Fill。为此，源矩形不需要是可见的。

<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那么优雅，但它在某些情况下有效。

在VisualState中修改Silverlight资源

1 个答案: