グリッド内でどのように拡張可能な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> 

これは私のサンプルコードです。

このコードでinner_Contentという名前のGridに、拡張可能なリストビューを挿入します。

しかし、私が拡張可能なリストビューを探しているのであれば、それはcontentPageでのみです。

グリッドにはありません。

お手伝いできますか？

Answer 1

私はXamarinで使用するアコーディオンコントロールのようなものを探していると思います。

以下のURLを確認してください： https://www.codeproject.com/Articles/1088093/Simple-Accordion-User-Control-in-Xamarin-Forms

希望これはあなたがこれはあなたの要件を満たしていると思われる場合の答えとしてこれをマークし、役立ちます。

よろしく、

N Baua