Xamarin.Forms 辅助 ToolBarItems 按钮的 UWP 自定义图标

Question

有没有办法自定义“三点”按钮，在 Xamarin.Forms UWP 应用程序中显示辅助 ToolBarItem 列表？

可以使用自定义渲染器为 iOS 和 Android 执行此操作。但是，我无法从 UWP 自定义渲染器中找到相应的 UIElement class。

关于如何访问按钮和更改其外观（特别是更改图标）的任何想法？

Answer 1

源自 source code，Xamarin 工具栏将在 UWP 平台中呈现为 CommandBar。如果你想编辑三个点。简单的方法是编辑默认的 UWP CommandBar 样式，找到 MoreButton 按钮元素，然后用你想要的替换 FontIcon 字形属性值。以下是CommandBar 将三个点替换为心形的段样式。

<Button
x:Name="MoreButton"
Grid.Column="1"
MinHeight="{ThemeResource AppBarThemeCompactHeight}"
Padding="{ThemeResource CommandBarMoreButtonMargin}"
VerticalAlignment="Top"
Control.IsTemplateKeyTipTarget="True"
Foreground="{TemplateBinding Foreground}"
IsAccessKeyScope="True"
Style="{StaticResource EllipsisButtonRevealStyle}"
Visibility="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=CommandBarTemplateSettings.EffectiveOverflowButtonVisibility}">
  <FontIcon
      x:Name="EllipsisIcon"
      Height="15"
      VerticalAlignment="Top"
      FontFamily="{ThemeResource SymbolThemeFontFamily}"
      FontSize="15"
      Glyph="&#xEB51;" />

</Button>

您可以自定义许多图标。可以参考Segoe Fluent Icons font

注意：您需要设置FontIcon的边距来调整图标垂直和水平居中。

Xamarin.Forms 辅助 ToolBarItems 按钮的 UWP 自定义图标

Xamarin.Forms UWP custom icon for the secondary ToolBarItems button

xamarin

xamarin.forms

uwp

uwp-xaml

xamarin.uwp