当用户在Xamarin Forms上按下按钮时，显示按钮列表

Question

I have a Xamarin.Forms app that uses the following XAML.

<StackLayout Grid.RowSpan="8" 
                     Grid.Column="0"
                     >
          <Label Text="{Binding ActiveMenu.ChildMenuItems.Count}" />
        <ListView x:Name="weapponType"
                  ItemsSource="{Binding ActiveMenu.ChildMenuItems}"
                  BackgroundColor="Blue"
                 >
          <ListView.ItemTemplate>
            <DataTemplate>
              <ViewCell >
                  <Button Text="{Binding Text}"
                          FontSize="14"
                          />
              </ViewCell>
            </DataTemplate>
          </ListView.ItemTemplate>

        </ListView>
      </StackLayout>

It displays a list of Buttons as follows

---- EVENT
-----PROG
-----STAT
-----MENU1
-----MENU2

When the user clicks EVENT I want it to display a list of buttons

---Button1
---Button2
---Button3

where

<Button x:Name="MenuBtn1" Text="Btn1" Command="{Binding Command1}"
<Button x:Name="MenuBtn2" Text="Btn2" Command="{Binding Command2}"
<Button x:Name="MenuBtn3" Text="Btn3" Command="{Binding Command3}"

It would be really great if someone can guide me on how to achieve this.

Answer 1

u need add the click event "OnBtClick" for each button as follow code:

 <ListView ItemsSource="{x:Static local:ListViewMode.All}" RowHeight="100">
    <ListView.ItemTemplate>
      <DataTemplate>
        <ViewCell>
          <ViewCell.View>
            <Button Text="{Binding BtName}" Clicked="OnBtClick"></Button>
          </ViewCell.View>
        </ViewCell>
      </DataTemplate>
    </ListView.ItemTemplate>
  </ListView>

At the code behind:

 async void OnBtClick(object sender, EventArgs e)
        {
            await Navigation.PushAsync(new ContentPage
            {
                Content = new StackLayout
                {
                    VerticalOptions = LayoutOptions.Center,
                    Children = {
                        new Button {

                            Text = "button1"
                        },
                        new Button {

                           Text = "button2"
                        },
                        new Button {

                            Text = "button3"
                        }
                    }
                }
            });
        }

When you click the each button it will show the three button I defined above.