0

我在 Android Studio 或 UWP 中看到了一些与 Android 类似的问题，但我正在为 UWP 和 Android 构建一个 Xamarin.Forms 应用程序，我想将汉堡图标更改为我制作的自定义图标。这是它目前在 Android 上的样子：

汉堡菜单 1

它在 UWP 上看起来很相似，但这基本上是我想要的：

在此处输入图像描述

有没有一种简单的方法可以在我的主详细信息页面上执行此操作？我正在寻找一些可以在 .xaml 文件中使用的标记元素，可能是这样的：

<MasterDetailPage.Master hamburgerIcon="myHamburgerIcon.png">

</MasterDetailPage.Master>

还是我必须为 UWP 和 Android 编写特定于平台的代码，例如自定义渲染器？需要明确的是，我问的是如何更改 3 个条的图标（汉堡图标），但如果有人可以包括如何更改操作栏背景颜色，那将是一个奖励。

4

1 回答 1

1

更改汉堡菜单图标 - Xamarin.Forms Android 和 UWP

对于 UWP 部分，您可以轻松替换汉堡图标。因为在 UWP 平台上，它是用带有样式的按钮PaneButton渲染的，你可以在这里找到它。只需将其复制到 UWP App.xaml文件并替换 content 属性，如下所示。

<Application.Resources>
    <ResourceDictionary>
        <Style x:Key="PaneButton" TargetType="Button">
            <Setter Property="FontFamily" Value="{ThemeResource SymbolThemeFontFamily}" />
            <Setter Property="FontSize" Value="20" />
            <Setter Property="Height" Value="48" />
            <Setter Property="Width" Value="48" />
            <Setter Property="Content" Value="&#xE701;" />
        </Style>
    </ResourceDictionary>
</Application.Resources>

对于 Android 部分，我们需要自定义MasterDetailPageRenderer渲染，如下所示

[assembly: ExportRenderer(typeof(MainPage), typeof(IconNavigationPageRenderer))]
namespace masterDe.Droid
{
    public class IconNavigationPageRenderer : MasterDetailPageRenderer
    {
        public IconNavigationPageRenderer(Context context):base(context) { }
        private static Android.Support.V7.Widget.Toolbar GetToolbar() => (CrossCurrentActivity.Current?.Activity as MainActivity)?.FindViewById<Android.Support.V7.Widget.Toolbar>(Resource.Id.toolbar);



        protected override void OnLayout(bool changed, int l, int t, int r, int b)
        {
            base.OnLayout(changed, l, t, r, b);
            var toolbar = GetToolbar();
            if (toolbar != null)
            {
                for (var i = 0; i < toolbar.ChildCount; i++)
                {
                    var imageButton = toolbar.GetChildAt(i) as Android.Widget.ImageButton;



                    var drawerArrow = imageButton?.Drawable as DrawerArrowDrawable;
                    if (drawerArrow == null)
                        continue;


// replace default hamburg icon
                    imageButton.SetImageDrawable(Forms.Context.GetDrawable(Resource.Drawable.icon));
                }
            }
        }
    }
}
于 2020-05-18T03:19:59.403 回答