UWP ListView：アイテムを選択するときにアイテムを展開する方法は？

Question

私はいくつかの項目を含むリストビューを持っています。アイテムを選択すると詳細情報を表示するようにアイテムを展開したいのですが、どうすればいいですか？

Answer 1

私はCustomControlを慎重にチェックしていませんでした。これは@AVK Naiduによって提供されたもので、問題は解決しているようです。しかし、ここでは、デフォルトのListViewコントロールでこの作業を行うことは可能ですが、選択すると、ListViewItemのDataTemplateを変更するだけです。

ただ、ここでは例えば：

<Page.Resources> 
    <DataTemplate x:Name="Normal" x:Key="Normal"> 
     <TextBlock Text="{Binding Name}" /> 
    </DataTemplate> 
    <DataTemplate x:Name="Detail" x:Key="Detail"> 
     <StackPanel> 
      <TextBlock Text="{Binding Name}" FontSize="30" Foreground="Red" HorizontalAlignment="Center" /> 
      <TextBlock Text="Details:" FontSize="30" Foreground="Blue" Margin="0,10" /> 
      <TextBlock Text="{Binding Details}" FontSize="20" /> 
     </StackPanel> 
    </DataTemplate> 
</Page.Resources> 

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
    <ListView ItemTemplate="{StaticResource Normal}" 
       ItemsSource="{x:Bind Collection}" SelectionChanged="listView_SelectionChanged" /> 
</Grid> 

コードの後ろlistView_SelectionChanged用：

private void listView_SelectionChanged(object sender, SelectionChangedEventArgs e) 
{ 
    //Assign DataTemplate for selected items 
    foreach (var item in e.AddedItems) 
    { 
     ListViewItem lvi = (sender as ListView).ContainerFromItem(item) as ListViewItem; 
     lvi.ContentTemplate = (DataTemplate)this.Resources["Detail"]; 
    } 
    //Remove DataTemplate for unselected items 
    foreach (var item in e.RemovedItems) 
    { 
     ListViewItem lvi = (sender as ListView).ContainerFromItem(item) as ListViewItem; 
     lvi.ContentTemplate = (DataTemplate)this.Resources["Normal"]; 
    } 
} 

結果：スタックオーバーフローへ