我如何在網格中使可展開的listView？

Question

我想讓用戶界面像這樣的圖片。 但我不知道如何使網格中的可擴展列表視圖。

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
       x:Class="ElronWebtoon_Test.myLibrary.LibTab" BackgroundColor="White"> 

    <Grid RowSpacing="0"> 
     <Grid.RowDefinitions> 
      <RowDefinition x:Name="TopGrid"/> 
      <RowDefinition /> 
      <RowDefinition x:Name="menuRow"/> 
     </Grid.RowDefinitions> 

     <Grid Grid.Row="0" x:Name="GlobalLayout" > 

      <Grid.RowDefinitions> 
       <RowDefinition x:Name="TopBtn_Grid"/> 
       <RowDefinition x:Name="menu_Grid"/> 
      </Grid.RowDefinitions> 

      <Grid Grid.Row="0" VerticalOptions="Start" > 
       <Label x:Name="labelBox1" Text="LabelBox1" Font="Bold, 16" TextColor="Black" HorizontalOptions="Start" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" VerticalOptions="Center" Grid.Column="0" BackgroundColor="#A8D2F1"> 
        <Label.GestureRecognizers> 
         <TapGestureRecognizer/> 
        </Label.GestureRecognizers> 
       </Label> 
       <Label x:Name="LabelBox2" Text="LabelBox2" Font="Bold, 16" TextColor="Black" HorizontalOptions="End" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" VerticalOptions="Center" Grid.Column="0" BackgroundColor="#A8D2F1"> 
        <Label.GestureRecognizers> 
         <TapGestureRecognizer /> 

        </Label.GestureRecognizers> 
       </Label> 
      </Grid> 

      <Grid Grid.Row="1" x:Name="libMenu" RowSpacing="0" HorizontalOptions="CenterAndExpand"> 

       <Grid Grid.Column="0" x:Name="menuGrid_1" HorizontalOptions="Center"> 
        <Button BorderRadius="30" BorderColor="Black" BorderWidth="2" BackgroundColor="White" VerticalOptions="Center"/> 
        <Label x:Name="BtnText1" Text="BtnText1" TextColor="Black" VerticalOptions="Center" HorizontalOptions="Center" VerticalTextAlignment="Center"/> 
       </Grid> 
       <Grid Grid.Column="1" x:Name="menuGrid_2" HorizontalOptions="Center"> 
        <Button BorderRadius="30" BorderColor="Black" BorderWidth="2" BackgroundColor="White" VerticalOptions="Center"/> 
        <Label x:Name="BtnText2" Text="BtnText2" TextColor="Black" VerticalOptions="Center" HorizontalOptions="Center" VerticalTextAlignment="Center"/> 
       </Grid> 
       <Grid Grid.Column="2" x:Name="menuGrid_3" HorizontalOptions="Center"> 
        <Button BorderRadius="30" BorderColor="Black" BorderWidth="2" BackgroundColor="White" VerticalOptions="Center"/> 
        <Label x:Name="BtnText3" Text="BtnText3" TextColor="Black" VerticalOptions="Center" HorizontalOptions="Center" VerticalTextAlignment="Center"/> 
       </Grid> 


      </Grid> 

     </Grid> 

     <Grid Grid.Row="1" VerticalOptions="Fill" x:Name="inner_Content"> 

     </Grid> 


     <Grid Grid.Row="2" > 
      <Grid> 
       <Button Text="BTN1" Grid.Column="0" /> 
       <Button Text="BTN2" Grid.Column="1"/> 
       <Button Text="BTN3" Grid.Column="2"/> 
       <Button Text="BTN4" Grid.Column="3"/> 
       <Button Text="BTN5" Grid.Column="4"/> 
      </Grid> 
     </Grid> 
    </Grid> 

</ContentPage> 

這是我的示例代碼。

我想在網格中插入可展開的listview，在這段代碼中名爲inner_Content。

但如果我搜索可擴展列表視圖，只在contentPage。

不在網格中。

你能幫助我嗎？

Answer 1

我想你看起來像Xamarin中使用的手風琴控制。

檢查下面的網址： https://www.codeproject.com/Articles/1088093/Simple-Accordion-User-Control-in-Xamarin-Forms

希望這有助於，標誌着這一個答案，如果你認爲這符合您的要求。

問候，

ÑBaua