template10 - UWP 语义缩放、ListView、VisualState

Question

<SemanticZoom x:Name="Zoom" > <SemanticZoom.ZoomedInView> <ListView Name="HotelInList" IsItemClickEnabled="False" Style="{StaticResource HotelListViewStyle}" ItemContainerStyle="{StaticResource HotelListItemContainerStyle}" ItemsSource="{Binding Source={StaticResource HotelViewSource}}" ItemTemplate="{StaticResource HotelListItemTemplate}" SelectedItem="{Binding Selected, Mode=TwoWay}" > <Interactivity:Interaction.Behaviors> <Core:EventTriggerBehavior EventName="ItemClick"> <Core:GoToStateAction StateName="DetailVisualState" /> </Core:EventTriggerBehavior> </Interactivity:Interaction.Behaviors> <ListView.GroupStyle>

上面的交互片段不起作用。它将抱怨 HotelInList 不包含名为 DetailVisualState 的视觉状态，为简洁起见暂时省略，但它是根布局网格部分上方的视觉状态

嵌套在 SemanticZoom 内会阻止 EventTriggerBehavior 吗？

Answer 1

<Interactivity:Interaction.Behaviors> <Core:EventTriggerBehavior EventName="ItemClick"> <Core:GoToStateAction StateName="DetailVisualState" TargetObject="{Binding ElementName=ThisPage}" /> </Core:EventTriggerBehavior> </Interactivity:Interaction.Behaviors>

ThisPage 是实际页面的 x:Name，它强制交互向下查看资源树并从可用资源中找到您请求的视觉状态。