在ItemsControl项目模板上设置VisualState
在ItemsControl项目模板上设置VisualState
提问于 2012-07-02 23:00:56
我有一个绑定到数据项的带有ItemTemplate的ItemsControl。ItemTemplate相当复杂，我给它添加了一些视觉状态，这样我就可以改变它的外观了。
我希望在ItemsControl之外发生事件时，能够将所有项VisualState切换到我选择的另一种状态。
我该怎么做呢？我尝试过使用WaveItems.ItemContainerGenerator.ContainerFromIndex(i).的VisualStateManager.SetState，但这依赖于一个控件，而不是一个模板，这似乎是我通过this所能得到的全部
问候
特里斯坦
编辑：
这是我的各个项目的数据模板。如果您注意到我设置的触发器，它将处理模板本身的MouseEnter / MouseLeave。我想将这些连接到ItemsControl MouseEnter / MouseLeave，而不需要编写任何代码。有没有办法做到这一点？
<DataTemplate x:Key="LineTemplate">
<Grid x:Name="LineGrid" HorizontalAlignment="Left" Height="500" VerticalAlignment="Center" Width="3">
<VisualStateManager.CustomVisualStateManager>
<ei:ExtendedVisualStateManager/>
</VisualStateManager.CustomVisualStateManager>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="VisualStateGroup">
<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="0"/>
</VisualStateGroup.Transitions>
<VisualState x:Name="Expanded">
<Storyboard>
<DoubleAnimation Duration="0:0:1" By="-100" Storyboard.TargetProperty="(Line.Y2)" Storyboard.TargetName="lineTop"/>
<DoubleAnimation Duration="0:0:1" By="100" Storyboard.TargetProperty="(Line.Y2)" Storyboard.TargetName="lineBottom"/>
<DoubleAnimation Duration="0:0:1" To="0.5" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="lineTop" d:IsOptimized="True"/>
<DoubleAnimation Duration="0:0:1" To="0.25" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="lineBottom" d:IsOptimized="True"/>
</Storyboard>
</VisualState>
<VisualState x:Name="Normal">
<Storyboard>
<DoubleAnimation Duration="0:0:1" To="0" Storyboard.TargetProperty="(Line.Y2)" Storyboard.TargetName="lineTop" d:IsOptimized="True"/>
<DoubleAnimation Duration="0:0:1" To="{Binding BottomValue}" Storyboard.TargetProperty="(Line.Y2)" Storyboard.TargetName="lineBottom" d:IsOptimized="True"/>
<DoubleAnimation Duration="0:0:1" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="lineTop" d:IsOptimized="True"/>
<DoubleAnimation Duration="0:0:1" To="0.495" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="lineBottom" d:IsOptimized="True"/>
</Storyboard>
</VisualState>
<VisualState x:Name="ExpandedHighlight"/>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<i:Interaction.Triggers>
<i:EventTrigger EventName="MouseEnter" >
<ei:GoToStateAction x:Name="Expand" StateName="Expanded"/>
</i:EventTrigger>
<i:EventTrigger EventName="MouseLeave">
<ei:GoToStateAction x:Name="Collapse" StateName="Normal"/>
</i:EventTrigger>
</i:Interaction.Triggers>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Line Grid.Row="0" x:Name="lineTop" VerticalAlignment="Bottom" StrokeThickness="3" Stroke="{Binding Brush}" Y1="{Binding TopValue}" Y2="0" RenderTransformOrigin="0.5,0.5">
<Line.RenderTransform>
<CompositeTransform ScaleY="1"/>
</Line.RenderTransform>
</Line>
<Line Grid.Row="1" x:Name="lineBottom" VerticalAlignment="Top" StrokeThickness="3" Stroke="{Binding Brush}" Y1="0" Y2="{Binding BottomValue}" RenderTransformOrigin="0.5,0.5" Opacity="0.5">
<Line.RenderTransform>
<CompositeTransform ScaleY="1"/>
</Line.RenderTransform>
</Line>
</Grid>
</DataTemplate>我还尝试使用以下绑定: SourceObject="{Binding RelativeSource={RelativeSource FindAncestor，AncestorType={x:Type ItemsControl}“
但这会显示一条消息：“在silverlight项目中不支持类型”。
回答 2
Stack Overflow用户
发布于 2012-07-03 18:04:50
在Thomas Danemar's Blog中，有一个保存和切换VisualState的类的例子。它是通过将VisualState绑定到ViewModel中的附加属性来实现的，他们只需将其设置为所需的值即可。您甚至可以将其绑定到TwoWay模式。
Stack Overflow用户
发布于 2012-07-03 21:27:44
已修复：
<i:Interaction.Triggers>
<i:EventTrigger
SourceObject="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=ItemsControl}}"
EventName="MouseEnter">
<ei:GoToStateAction x:Name="Expand" StateName="Expanded"/>
</i:EventTrigger>
<i:EventTrigger
SourceObject="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=ItemsControl}}"
EventName="MouseLeave">
<ei:GoToStateAction x:Name="Collapse" StateName="Normal"/>
</i:EventTrigger>
</i:Interaction.Triggers>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11296206
复制相关文章
相似问题
腾讯云开发者
