当标签栏（底栏）项目在xamarin表单中点击时，如何仅打开弹出窗口而不是页面？

Question

每当我们点击标签栏（底栏）的任何项目时，我只想打开弹出窗口而不是整个页面。弹出窗口将在任何先前选择的标签栏项目上打开。例如我们有 5 个标签栏项目。

• 待定第 1 项（第 1 页）
• 待定第 2 项（第 2 页）
• tb item 3（无页面但仅弹出）
• 待定第 4 项（第 4 页）
• 待定第 5 项（第 5 页）

如果我在 tb item 1 (Page1) 上并点击 tb item 3，它将在 tb item 1 (Page1) 上打开弹出窗口。

我checked this plugin 但不允许这样做。

Answer 1

TabbedPage 默认情况下应该有子页面。 我假设您想在点击第 3 项时保持在同一页面上。是 tb item 1 tb item 2 tb item 4 ...

取而代之的是，您可以在页面底部创建一个带有 5 个图标的页面。 并包括所有 5 个项目的 OnTapped 手势，项目 3 调用 Pop up ，而其他人导航到相应的页面。

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             x:Class="App1.Views.PageX">
    <ContentPage.Content>
        <StackLayout>
            <StackLayout VerticalOptions="FillAndExpand">
                <Label Text="Page content" />
            </StackLayout>
            <Grid VerticalOptions="End">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <ImageButton Source="tab_feed.png"
                             Grid.Column="0"
                             Clicked="ImageButton1_Clicked" />
                <ImageButton Source="tab_feed.png"
                             Grid.Column="1"
                             Clicked="ImageButton2_Clicked" />
                <ImageButton Source="tab_feed.png"
                             Grid.Column="2"
                             Clicked="ImageButton3_Clicked" />
                <ImageButton Source="tab_feed.png"
                             Grid.Column="3"
                             Clicked="I mageButton4_Clicked" />
                <ImageButton Source="tab_feed.png"
                             Grid.Column="4"
                             Clicked="ImageButton5_Clicked" />
            </Grid>
        </StackLayout>
    </ContentPage.Content>

和页面导航

private async void ImageButton1_Clicked (object sender, EventArgs e) 
{
    await Navigation.PushAsync (new ItemPage1 ());
}

弹出窗口

private async void ImageButton3_Clicked(object sender, EventArgs e)
{
    await Rg.Plugins.Popup.Contracts.IPopupNavigation.PushAsync(new MyPopupPage(), true);

}