如何在 Xamarin Forms Android 中隐藏时禁用单击 TabbedPage 菜单项？

Question

我有一个 XF 应用程序，当用户处于测验模式时隐藏 TabbedPage 菜单，并在用户停止测验模式时再次显示它。下面是我如何隐藏和显示菜单的代码：

public static void ClearNav()
{
   navHomeTabPage.Icon = "";
   navHomeTabPage.Title = "";
   // more items
}

public static void SetNav()
{
   navHomeTabPage.Icon = "home.png";
   navHomeTabPage.Title = "Home";
   // more items
}

有了这个我可以隐藏菜单项，但它们仍然是可点击的。有没有办法在 Xamarin.Android 中禁用此单击事件？我找不到任何关于此的文章/帖子。任何帮助表示赞赏。

编辑：

我正在使用BottomNavigationView 将我的标签菜单放在底部。

public class BottomTabPageRenderer : TabbedPageRenderer, BottomNavigationView.IOnNavigationItemSelectedListener, BottomNavigationView.IOnNavigationItemReselectedListener
{
   private MainPage _page;
   protected override void OnElementChanged(ElementChangedEventArgs<TabbedPage> e)
   {
      base.OnElementChanged(e);

      if (e.NewElement != null)
      {
          _page = (MainPage)e.NewElement;
      }
      else
      {
          _page = (MainPage)e.OldElement;
      }

      // More codes
   }

   bool BottomNavigationView.IOnNavigationItemSelectedListener.OnNavigationItemSelected(IMenuItem item)
   {
      base.OnNavigationItemSelected(item);
      if (App.quizRunning == true)
      {
          _page.CurrentPage = App.navCardsTabPage;
      }
         return true;
   }

   void BottomNavigationView.IOnNavigationItemReselectedListener.OnNavigationItemReselected(IMenuItem item)
   { 
      if (App.quizRunning == true)
      {
          _page.CurrentPage = App.navCardsTabPage;
      }
   }

App.navCardsTabPage 具有隐藏和显示选项卡项目标题和图标的代码（SetNav 和 ClearNav）。

Answer 1

尝试设置IsEnabled="false" 属性，看看它是否有效：

更新：

添加一个类 BottomNavTabPageRenderer 这是您的 Android 自定义渲染器

[assembly: ExportRenderer(typeof(BottomNavTabPage), typeof(BottomNavTabPageRenderer))]
namespace Droid.CustomRenderers
{
public class BottomNavTabPageRenderer : TabbedPageRenderer, BottomNavigationView.IOnNavigationItemSelectedListener, BottomNavigationView.IOnNavigationItemReselectedListener
{
    private bool _isShiftModeSet;

    public BottomNavTabPageRenderer( Context context )
        : base(context)
    {

    }

    bool BottomNavigationView.IOnNavigationItemSelectedListener.OnNavigationItemSelected( IMenuItem item )
    {
        if(item.TitleFormatted.ToString().Trim()== "YourTitleString") // Disable based on Title of the item 
        {
            return false;
        }
        if(!(this.Element as BottomNavTabPage).IsPageChangeEnabled) // Disable every tab
        {
            return false;
        }
        return true;
    }

    public void OnNavigationItemReselected( IMenuItem item )
    {

    }

    protected override void OnLayout( bool changed, int l, int t, int r, int b )
    {
        base.OnLayout(changed, l, t, r, b);
        try
        {
            if(!_isShiftModeSet)
            {
                var children = GetAllChildViews(ViewGroup);

                if(children.SingleOrDefault(x => x is BottomNavigationView) is BottomNavigationView bottomNav)
                {
                    bottomNav.SetShiftMode(false, false);
                    _isShiftModeSet = true;
                }
            }
        }
        catch(Exception e)
        {
            Console.WriteLine($"Error setting ShiftMode: {e}");
        }
    }

    private List<View> GetAllChildViews( View view )
    {
        if(!(view is ViewGroup group))
        {
            return new List<View> { view };
        }

        var result = new List<View>();

        for(int i = 0; i < group.ChildCount; i++)
        {
            var child = group.GetChildAt(i);

            var childList = new List<View> { child };
            childList.AddRange(GetAllChildViews(child));

            result.AddRange(childList);
        }

        return result.Distinct().ToList();
    }
 }
}

注意OnNavigationItemSelected方法中有两个条件，你可以根据这两个条件来设置是否禁用页面中的标签。

在您的 PCL 项目中添加底部导航标签页类以用作标签页

 public class BottomNavTabPage : Xamarin.Forms.TabbedPage
{
    public static readonly BindableProperty ShiftingEnabledProperty = BindableProperty.Create(nameof(IsPageChangeEnabled),
                                                                typeof(bool),
                                                                typeof(BottomNavTabPage), false);

    public bool IsPageChangeEnabled
    {
        get { return (bool)GetValue(ShiftingEnabledProperty); }
        set { SetValue(ShiftingEnabledProperty, value); }
    }
    protected override void OnAppearing()
    {
        this.On<Xamarin.Forms.PlatformConfiguration.Android>().SetIsSwipePagingEnabled(IsPageChangeEnabled);
        base.OnAppearing();
    }

    public BottomNavTabPage()
    {            
        this.On<Xamarin.Forms.PlatformConfiguration.Android>().SetToolbarPlacement(ToolbarPlacement.Bottom);
    }
}      

为您的底部导航视图添加一个 Shift 模式，以便它正确地向您显示标签和图标。

 public static void SetShiftMode( this BottomNavigationView bottomNavigationView, bool enableShiftMode, bool enableItemShiftMode )
    {
        try
        {
            var menuView = bottomNavigationView.GetChildAt(0) as BottomNavigationMenuView;
            if(menuView == null)
            {
                System.Diagnostics.Debug.WriteLine("Unable to find BottomNavigationMenuView");
                return;
            }


            var shiftMode = menuView.Class.GetDeclaredField("mShiftingMode");

            shiftMode.Accessible = true;
            shiftMode.SetBoolean(menuView, enableShiftMode);
            shiftMode.Accessible = false;
            shiftMode.Dispose();


            for(int i = 0; i < menuView.ChildCount; i++)
            {
                var item = menuView.GetChildAt(i) as BottomNavigationItemView;
                if(item == null)
                    continue;

                item.SetShiftingMode(enableItemShiftMode);
                item.SetChecked(item.ItemData.IsChecked);

            }

            menuView.UpdateMenuView();
        }
        catch(Exception ex)
        {
            System.Diagnostics.Debug.WriteLine($"Unable to set shift mode: {ex}");
        }
    }

用法：

您可以在 C# 和 XAML 中使用它，如下所示：

C#：

BottomNavTabPage tabbedPage = null;
tabbedPage = new BottomNavTabPage();
tabbedPage.IsPageChangeEnabled=false; // Important for not allowing tab change
var navigationPage = new NavigationPage(new MainPage())
{
  Icon = "icon",
  Title = "Schedule"
};
var navigationPage2 = new NavigationPage(new MainPage())
{
  Icon = "icon",
  Title = "Schedule2"
};

tabbedPage.Children.Add(navigationPage);
tabbedPage.Children.Add(navigationPage2);
this.MainPage= tabbedPage;

XAML

<?xml version="1.0" encoding="utf-8" ?>
<Custom:BottomNavTabPage xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:Custom="clr-namespace:XamarinCertUnderstanding.CustomControls"             
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"             
         x:Class="XamarinCertUnderstanding.Views.MainPage">
<Custom:TodayPage />
<NavigationPage Title="Schedule" Icon="schedule.png">
    <x:Arguments>
        <Custom:SchedulePage />
    </x:Arguments>
</NavigationPage>
</Custom:BottomNavTabPage>

Answer 2

我有，我认为关于我的应用程序登录机制的功能请求非常相似，但在 xamarin 表单中使用 MenuItem。 我的场景和你的很相似。当用户登录时，我想在弹出窗口中启用注销菜单项并返回到我的应用程序起始页面。另外，当用户在没有登录的情况下进入时，我想禁用我的注销菜单项。 （我的应用程序无需注册/登录即可使用）

关于您的方案，您只是通过将空字符串设置为 Title 来隐藏文本，但您没有禁用。

所以解决方案是让你的 Menu.IsEnabled = false;

当我发现这一点时。我试图将我的 BaseViewModel.IsUserLoggedIn 属性绑定到我的 MenuItem.IsEnabled 属性，但这对我不起作用。经过一番调查，我发现 MenuItem.IsEnabled 属性是 MenuItem 的内部属性。所以，我不得不另辟蹊径，那就是 MessagingCenter。

我是如何使用的：

1. 我在我的代码中找到了我想发送消息的地方。这是我的 ViewModel 中的一个命令，但我也可以使用单击事件，例如来自按钮的事件。

   MessagingCenter.Send<string>("ApplicationStartViewModel", "LoggedIn");
   

2. 我找到了我想收到消息的地方。对我来说，这是我的 AppShell.xaml.cs 构造器。 （AppShell 包含我的 MenuItem）。所以，我用了：

        MessagingCenter.Subscribe<string>(this, "LoggedIn", (sender) =>
        {
            LogoutMenuItem.IsEnabled = true;
        });
   
        MessagingCenter.Subscribe<string>(this, "NotLoggedIn", (sender) =>
        {
            LogoutMenuItem.IsEnabled = false;                
        });
   

3. 当然，在此之前，我必须在 AppShell.xaml 中为 MenuItem 命名

     <MenuItem x:Name="LogoutMenuItem"                
               Text="Logout from user account."
               Command="{Binding ExecuteLogoutCommand}" >        
     </MenuItem>