Xamarin.Forms：如何在Android上禁用箭头到汉堡包过渡动画？

Question

我已经使用Xamarin.Forms 创建了一个基本示例应用，我尝试使用以下内容重新创建Twitter或Instagram等用户界面：

• 一个 MasterDetail 页面作为主页面，默认为“汉堡包”图标 被自定义图标替换
• “bottom”TabbedPage ，作为MasterDetail页面的详细信息
• 允许在TabbedPage中实施顶部标签的控件
每个都在 NavigationPage 中托管的
• ContentPages TabbedPage的选项卡

因此，我的应用的页面架构如下所示：

  

| - MasterDetailPage
  .. | - TabbedPage
  .... | - NavigationPage
  ...... | - ContentPage

为实现这一目标，我使用了：

• Naxam BottomTabedPage，在Android上实现“底部”TabbedPage（如BottomNavigationView）
• 用于实现“顶部”标签的Syncfusion SfTabView控件
• 一个自定义渲染器，用于管理自定义图标在主级别上的“汉堡包”图标的使用，以及子级别上的“箭头”图标

此渲染器如下所示：

public class CustomNavigationPageRenderer : MasterDetailPageRenderer
{
    protected override void OnLayout(bool changed, int l, int t, int r, int b)
    {
        base.OnLayout(changed, l, t, r, b);
        var toolbar = FindViewById<Android.Support.V7.Widget.Toolbar>(Resource.Id.toolbar);

        for (var i = 0; i < toolbar.ChildCount; i++)
        {
            var imageButton = toolbar.GetChildAt(i) as ImageButton;
            var drawerArrow = imageButton?.Drawable as DrawerArrowDrawable;
            if (drawerArrow == null)
                continue;

            bool displayBack = false;
            var app = Xamarin.Forms.Application.Current;
            //var navPage = ((app.MainPage.Navigation.ModalStack[0] as MasterDetailPage).Detail as NavigationPage);
            var detailPage = (app.MainPage as MasterDetailPage).Detail;
            if (detailPage.GetType() == typeof(BottomTp.Views.NaxamMainPage))
            {
                var tabPage = detailPage as BottomTabbedPage;
                var curPage = tabPage.CurrentPage;
                var navPageLevel = curPage.Navigation.NavigationStack.Count;
                if (navPageLevel > 1)
                    displayBack = true;
            }

            if (!displayBack)
                ChangeIcon(imageButton, Resource.Drawable.icon);
        }
    }

    private void ChangeIcon(ImageButton imageButton, int id)
    {
        if (Android.OS.Build.VERSION.SdkInt >= Android.OS.BuildVersionCodes.Lollipop)
            imageButton.SetImageDrawable(Context.GetDrawable(id));
        imageButton.SetImageResource(id);
    }
}

这很有效，但当我“返回”主页时，最后一个问题：

• 默认过渡动画从箭头到“汉堡包”图标
• 此后，“hamburger”图标被我的自定义图标
取代

这是一个简短的动画来说明这个问题：

有没有办法停用此动画？我该如何解决这个问题？

Answer 1

您需要使用自定义NavigationPage。这是基于你的demo。

实现它有三个步骤：

1）添加名为CustomControl的文件夹，创建一个类MyNavigationPage继承自NavigationPage：

namespace BottomTp.CustomControl
{
    public class MyNavigationPage : NavigationPage
    {
        public MyNavigationPage() { }
        public MyNavigationPage(Page root) : base(root) { }
    }
}

2）更改NaxamMainPage.xaml文件中的标记

在xmlns:controls="clr-namespace:BottomTp.CustomControl;assembly=BottomTp"代码中添加naxam:BottomTabbedPage，然后将NavigationPage代码更改为controls:MyNavigationPage：

<controls:MyNavigationPage Title="Browse" Icon="md-view-list"
                x:Name="NP1">
    <x:Arguments>
        <views:SfItemsPage   />
    </x:Arguments>
</controls:MyNavigationPage>
<controls:MyNavigationPage Title="About" Icon="md-help"
                x:Name="NP2">
    <x:Arguments>
        <views:AboutPage />
    </x:Arguments>
</controls:MyNavigationPage>

3）在Android平台上创建自定义渲染MyCustomNavigationPageRenderer：

[assembly: ExportRenderer(typeof(MyNavigationPage), typeof(MyCustomNavigationPageRenderer))]
namespace BottomTp.Droid.Renderers
{
    class MyCustomNavigationPageRenderer : NavigationPageRenderer
    {
        public MyCustomNavigationPageRenderer(Context c) : base(c)
        { }

        protected override Task<bool> OnPopToRootAsync(Page page, bool animated)
        {
            return base.OnPopToRootAsync(page, false);
        }

        protected override Task<bool> OnPopViewAsync(Page page, bool animated)
        {
            return base.OnPopViewAsync(page, false);
        }

        protected override Task<bool> OnPushAsync(Page view, bool animated)
        {
            return base.OnPushAsync(view, false);
        }

    }
}