Silverlight:在代码隐藏中切换CustomVisualStateManager的VisualStates
我一直在尝试解决以下问题:当在Expression Blend 3中为不同的视觉状态创建自定义动画时，它会改变网格上多个元素的大小/不透明度，它会在网格本身而不是控件样式中创建视觉状态组，并将其定义为CustomVisualStateManager。
<Grid x:Name="LayoutRoot" Background="White" Height="500" HorizontalAlignment="Left" VerticalAlignment="Top" Width="500">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="MyVisualStateGroup">
<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="00:00:00.3000000">
<VisualTransition.GeneratedEasingFunction>
<CircleEase EasingMode="EaseIn"/>
</VisualTransition.GeneratedEasingFunction>
</VisualTransition>
</VisualStateGroup.Transitions>
<VisualState x:Name="State1"/>
<VisualState x:Name="State2">
<Storyboard>
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="myBox" Storyboard.TargetProperty="(FrameworkElement.Height)">
<EasingDoubleKeyFrame KeyTime="00:00:00" Value="360"/>
<!-- omitting other storyboard animations here for clarity -->
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<VisualStateManager.CustomVisualStateManager>
<ic:ExtendedVisualStateManager/>
</VisualStateManager.CustomVisualStateManager>
<!-- omitting other grid elements here for clarity -->
</Grid>这对我来说没问题，但问题是，当我尝试时，我无法在代码隐藏中切换状态
VisualStateManager.GoToState(this, "State1", true);不会发生任何事情，因为控件本身没有定义这些可视状态，如
VisualStateManager.GetVisualStateGroups(this);如果我尝试
VisualStateManager.GetVisualStateGroups(LayoutRoot);它准确地显示了我需要的东西。但是我不能将LayoutRoot传递给VisualStateManager，因为它需要一个控制类型的参数，而网格不是。我的问题是-我如何在代码隐藏中访问/更改这个CustomVisualStateManager的状态？
回答 1
Stack Overflow用户
发布于 2009-11-26 17:59:36
当您启用FluidLayout时，CustomVisualStateManager就在那里。除非您的项目中涉及布局变形(即，您尝试使用状态从一个布局平滑地设置动画到另一个布局)，否则可以将其关闭。自定义VSM的存在不应对VSM的使用产生任何影响。
可视状态标记总是在顶级容器中，所以这是非常正常的。顺便说一句，这可能只是示例中的一个打字错误，但您显示的代码实际上试图设置一个没有任何内容的状态，因此这可能不是预期的结果。
否则，在UserControl上调用VisualStateManager.GoToState应该是可行的。下面是我刚刚做的一个例子，它是可行的：
这是一个简单的Silverlight示例应用程序，包含一个主页和一个我添加到主页的用户控件。主页非常简单：
<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:SLStateTest"
x:Class="SLStateTest.MainPage"
Width="640" Height="480">
<Grid x:Name="LayoutRoot" Background="White">
<local:UserControl1 x:Name="TestControl" Height="100" HorizontalAlignment="Left" Margin="24,32,0,0" VerticalAlignment="Top" Width="100"/>
<Button Height="40" HorizontalAlignment="Left" Margin="192,32,0,0" VerticalAlignment="Top" Width="104" Content="State 1" Click="OnClick"/>
<Button Height="40" HorizontalAlignment="Left" Margin="192,76,0,0" VerticalAlignment="Top" Width="104" Content="State 2" Click="OnClickState2"/>
</Grid></UserControl>这是我的用户控件的一个实例和两个按钮。我们将在一秒钟内查看这些按钮的功能。首先让我们看一下UserControl (UserControl1)：
<UserControl
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"
mc:Ignorable="d"
xmlns:ic="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microsoft.Expression.Interactions"
x:Class="SLStateTest.UserControl1"
d:DesignWidth="280" d:DesignHeight="264">
<Grid x:Name="LayoutRoot" Background="#FF6FFE22">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="Test" ic:ExtendedVisualStateManager.UseFluidLayout="True">
<VisualState x:Name="State1">
<Storyboard>
<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)">
<EasingColorKeyFrame KeyTime="00:00:00" Value="#FF003AFF"/>
</ColorAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="State2">
<Storyboard>
<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)">
<EasingColorKeyFrame KeyTime="00:00:00" Value="#FFFF0202"/>
</ColorAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<VisualStateManager.CustomVisualStateManager>
<ic:ExtendedVisualStateManager/>
</VisualStateManager.CustomVisualStateManager>
</Grid></UserControl>正如您所看到的，在一个可视化状态组中定义了两个可视化状态，它们只是在用户控件的布局根上设置一种颜色。
主页上的两个按钮连接到事件处理程序，如下所示：
private void OnClick(object sender, System.Windows.RoutedEventArgs e)
{
// TODO: Add event handler implementation here.
VisualStateManager.GoToState(TestControl, "State1", true);
}
private void OnClickState2(object sender, System.Windows.RoutedEventArgs e)
{
// TODO: Add event handler implementation here.
TestControl.SetState();
}第一个只是在页面上的UserControl上调用VisualStateManager.GoToState。第二个调用用户控件内部的函数，做同样的事情。我只是使用这两种方法来说明这两种方法都是可用的-您可以从UC的外部或内部调用VSM.GoToState。用户控件的SetState()方法如下所示：
public void SetState()
{
VisualStateManager.GoToState(this, "State2", true);
}当您运行应用程序时，用户控件将首先以其基本状态显示，即绿色。当您按下State1按钮时，它将转到State1，通过从外部调用VSM.GoToState()将UC设置为蓝色。当您按下State 2按钮时，通过从内部调用VSM，它将切换为红色。
从您发布的代码片段中，除了我在开头提到的一个问题之外，我看不出哪里出了问题。但是，我的小示例可能会帮助您了解在您的案例中有什么不同。
希望这能帮上忙。
https://stackoverflow.com/questions/1783328
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号