UWP ListView：選擇它時如何擴展項目？

Question

我有一個listview包含一些項目。當我選擇一個項目時，我想擴展該項目以顯示詳細信息，我應該怎麼做？

Answer 1

我沒有仔細檢查了CustomControl它通過@AVK杜女士，這是很好的，似乎能夠解決您的問題提供。但是，我要在這裏說，這是完全可能做到這一點的工作與默認ListView控制，你需要的就是改變DataTemplate您ListViewItem被選中時，它是什麼。

就比如這裏：

<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"]; 
    } 
} 

結果：