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 という名前のビジュアル ステートが含まれていないことについて文句を言いますが、これは簡潔にするために省略されていますが、rootlayout グリッドの一部の上にあるビジュアル ステートです。

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 です。これにより、インタラクションはリソース ツリーを調べて、利用可能なリソースから要求した視覚状態を見つけます。