在 Xamarin.Forms Shell 中隐藏 tabbedPage 的标题

Posted

技术标签:

【中文标题】在 Xamarin.Forms Shell 中隐藏 tabbedPage 的标题【英文标题】:Hide title of tabbedPage in Xamarin.Forms Shell 【发布时间】:2019-07-04 14:53:31 【问题描述】:

我正在将一个项目重构为使用 Xamarin.Forms 4.0 发布的带有 shell 的新导航,现在我正在迁移一个带有 effect 的 tabbedPage 应用于从 tabbedPage 隐藏子项的标题,使图标仅可见,使用 Shell 不再需要页面从 TabbedPage 继承,如果不是自己的 Shell 类允许您实现 tabbedPage,masterPage ...问题是现在我不知道如何应用我以前使用的effect,因为我无法引用tabbedPage。

注意:在这种情况下我使用Flyout,因为我需要一个带有汉堡菜单和标签页的设计,这就是为什么我不只使用TabBar。

<FlyoutItem Route="home"
            Title="TEST"
            Icon="home_icon"
            FlyoutDisplayOptions="AsMultipleItems">
    <ShellContent Route="bottomtab1"
                  Title="TEST1"
                  Icon="target_icon"
                  ContentTemplate="DataTemplate views:x" />
    <ShellContent Route="bottomtab2"
                  Title="TEST2"
                  Icon="user_login"
                  ContentTemplate="DataTemplate views:y" />
</FlyoutItem>

TabbedPage Image

MasterPage Image

【问题讨论】:

我将此请求添加到 Xamarin Forms github,因为我也需要它...也许您可以投票:github.com/xamarin/Xamarin.Forms/issues/6788 似乎已经在 github 上...github.com/xamarin/Xamarin.Forms/issues/6220 所以我删除了我的请求。 【参考方案1】:

感谢 GitHub 的 pfedotovsky 用户,在 Xamarin 团队正式解决此问题之前,我找到了替代解决方案,in this article 他解释了它。

android 有一个使用自定义渲染器的解决方法。关键是设置

_bottomView.LabelVisibilityMode = LabelVisibilityMode.LabelVisibilityAuto;或者 _bottomView.LabelVisibilityMode = LabelVisibilityMode.LabelVisibilityUnlabeled;

using Android.OS;
using Android.Support.Design.BottomNavigation;
using Android.Support.Design.Widget;
using Android.Views;
using Xamarin.Forms.Platform.Android;

namespace App.Droid

    public class AndroidShellItemRenderer : ShellItemRenderer
    
        BottomNavigationView _bottomView;

        public AndroidShellItemRenderer(IShellContext shellContext) : base(shellContext)
        
        

        public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
        
            var outerlayout = base.OnCreateView(inflater, container, savedInstanceState);

            _bottomView = outerlayout.FindViewById<BottomNavigationView>(Resource.Id.bottomtab_tabbar);
            _bottomView.LabelVisibilityMode = LabelVisibilityMode.LabelVisibilityAuto;

            return outerlayout;
        
    

要使用此渲染器,您还需要创建自定义 ShellRenderer:

using System;
using Android.Content;
using Conference.Droid;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;

[assembly: ExportRenderer(typeof(Shell), typeof(AndroidShellRenderer))]
namespace App.Droid

    public class AndroidShellRenderer : ShellRenderer
    
        public AndroidShellRenderer(Context context)
            : base(context)
        
        

        protected override IShellItemRenderer CreateShellItemRenderer(ShellItem shellItem)
        
            return new AndroidShellItemRenderer(this);
        
    

【讨论】:

以上是关于在 Xamarin.Forms Shell 中隐藏 tabbedPage 的标题的主要内容,如果未能解决你的问题,请参考以下文章

Xamarin Forms Shell 不在详细信息页面上显示菜单栏

在横向模式下隐藏ToolBar Xamarin.Forms

Xamarin.Forms:处理导航工具栏按钮(Shell)

Xamarin.Forms.Shell:如何获取底部 TabBar 高度?

有没有办法在 Xamarin.Forms Shell 顶部选项卡中显示图标?

xamarin.forms.shell 框架中页面上视觉元素的生命周期