Question

TLDR：向ToolbarItem添加图标属性时，自定义渲染器不起作用。在这种情况下未设置NavigationController.TopViewController.NavigationItem标题

我正在使用Xamarin Forms实现一个新的应用程序，并遇到了一个无法弄清楚的问题。首先，我正在尝试为此应用程序构建自定义iOS导航工具栏，我想在leftBarItems中添加一些项目并删除其他项目。此自定义导航栏将出现在除masterDetailPage（第一个视图）之外的所有页面上。我已经掌握了大部分功能，但是如果我将Icon属性添加到ToolBarItem，我的自定义渲染器会中断。这是渲染器：

[assembly:ExportRenderer(typeof(SecondView),typeof(MainViewModelPageRenderer))]

namespace XLabsTest.iOS
{
   class MainViewModelPageRenderer : PageRenderer
   {                
      public override void ViewWillAppear(bool animated)
      {
         base.ViewWillAppear(animated);

         var itemsInfo = (this.Element as ContentPage).ToolbarItems;

         var navigationItem = 
                this.NavigationController.TopViewController.NavigationItem;
         var leftNativeButtons = (navigationItem.LeftBarButtonItems 
                                 ?? new UIBarButtonItem[] { }).ToList();
         var rightNativeButtons = (navigationItem.RightBarButtonItems 
                                 ?? new UIBarButtonItem[] { }).ToList();
         var tempNativeButtons = (new UIBarButtonItem[] {}).ToList() ;
         rightNativeButtons.ForEach(nativeItem =>
         {
            if (nativeItem.Title != "ItemSetinDetailsPage")
            {    
               var info = GetButtonInfo(itemsInfo, nativeItem.Title);

               if (info.Priority == 0)
               {
                  tempNativeButtons.Add(nativeItem);
                  leftNativeButtons.Add(nativeItem);
               }
            }
          });

          tempNativeButtons.ForEach(nativeItem =>
          {
              rightNativeButtons.Remove(nativeItem);
          });

          navigationItem.RightBarButtonItems = rightNativeButtons.ToArray();
          navigationItem.LeftBarButtonItems = leftNativeButtons.ToArray();
      }

      private ToolbarItem GetButtonInfo(IList<ToolbarItem> items, string name)
      {
          if (string.IsNullOrEmpty(name) || items == null)
              return null;
          return items.ToList()
                      .Where(itemData => name.Equals(itemData.Name))
                      .FirstOrDefault();
     }
  }
}

我在某些视图中使用xaml，这里是添加项目的代码：

<ContentPage.ToolbarItems>
  <ToolbarItem Name="Menu" Command="{Binding NavigateMenuCommand}" 
        Order="Primary" Priority="0"/>
  <ToolbarItem Name="Back" Command="{Binding NavigateBackCommand}" 
        Order="Primary" Priority="0" />
</ContentPage.ToolbarItems>

上面的代码工作正常，但如果我添加这个：

<ContentPage.ToolbarItems>
   <ToolbarItem Name="Menu" Command="{Binding NavigateMenuCommand}" 
        Order="Primary" Priority="0" Icon="icon.png" />
   <ToolbarItem Name="Back" Command="{Binding NavigateBackCommand}" 
        Order="Primary" Priority="0" />
</ContentPage.ToolbarItems>

渲染器不再有效。我已经将问题缩小到当Icon属性存在时，nativeItem.Title为null并且未在NavigationController.TopViewController.NavigationItem中设置。这将导致我的应用程序抛出错误。

我相信这是Xamarin代码中的一个错误，因此我正在寻找可能的解决方法或针对此问题的任何修复。我正在使用当前版本的Xamarin和Xamairn.forms。

Answer 1

作为此问题的解决方法，您可以提供一些非常丑陋的ToolbarItem.Name，其中包含所需的名称和图标文本（如果您未提前知道图标文件名），那么您可以在自定义渲染器中拆分Name并在那里指定您的图标。

在SecondView中，Name可能会变为：

<ToolbarItem Name="Menu_icon.png" Command="{Binding NavigateMenuCommand}" 
    Order="Primary" Priority="0" Icon="" />
}

然后在自定义渲染器中，您只需执行ToolbarItem.Name.Split('_')即可获取图标值，并在渲染器中指定图标。

自定义渲染器问题，并使用Xamarin Forms向ToolbarItems / NavigationItem添加图标

1 个答案: