實現一個列表，其行爲就像組合框在Windows Phone

Question

我想實現一個項目列表，當用戶點擊一個項目時，它就像一個組合框，並顯示所選項目的詳細信息 這裏是我想要的圖像。是否有可能實現與列表框？

Answer 1

XAML

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="0"> 
     <StackPanel> 
      <StackPanel > 
       <Grid x:Name="itemgrid" Height="100" Background="Gray" Tap="itemgrid_Tap"> 
        <TextBlock x:Name="itemtext" Text="˄" HorizontalAlignment="Left" Margin="50,0" FontSize="45" FontWeight="Bold" VerticalAlignment="Center"/> 
        <TextBlock Text="Item" HorizontalAlignment="Right" Margin="100,0" FontSize="35" VerticalAlignment="Center"/> 
       </Grid> 
       <ListBox Background="Green" x:Name="list" Visibility="Collapsed"> 
        <ListBoxItem> 
         <TextBlock Text="Item1"/> 
        </ListBoxItem> 
        <ListBoxItem> 
         <TextBlock Text="Item2"/> 
        </ListBoxItem> 
        <ListBoxItem> 
         <TextBlock Text="Item3"/> 
        </ListBoxItem> 
        <ListBoxItem> 
         <TextBlock Text="Item4"/> 
        </ListBoxItem> 
       </ListBox> 
      </StackPanel> 
      <StackPanel> 
       <!--add same other--> 
      </StackPanel> 
      <StackPanel> 
       <!--add same other--> 
      </StackPanel> 
     </StackPanel> 
    </Grid> 

C＃：

bool isfirstitem = true; 
    public MainPage() 
    { 
     InitializeComponent(); 
    } 

    private void itemgrid_Tap(object sender, GestureEventArgs e) 
    { 
     if (isfirstitem) 
     { 
      itemtext.Text = "˅"; 
      list.Visibility = Visibility.Visible; 
     } 
     else 
     { 
      itemtext.Text = "˄"; 
      list.Visibility = Visibility.Collapsed; 
     } 

     isfirstitem=!isfirstitem; 

    }