在 Windows UWP 中为 InkToolbar 创建菜单分隔符答案

【问题标题】：Create Menu Separator for InkToolbar in Windows UWP在 Windows UWP 中为 InkToolbar 创建菜单分隔符
【发布时间】：2019-12-28 21:37:34
【问题描述】：

我的问题很简单：我想在 InkToolbar 中添加一个分隔符，就像在 Windows Ink Sketchpad 中一样：

我已经用<AppBarSeparator/>试过了但它似乎不起作用。

【问题讨论】：

您应该添加您编写的代码和您遇到的错误（如果有），以便查看问题所在。
其实没有问题，我就是想知道怎么给InkToolbar添加Separator，因为我不知道怎么做。

标签： visual-studio xaml uwp uwp-xaml inkcanvas

【解决方案1】：

好像不能直接给InkToolBar添加分隔符，AppBarSeparator一般用在AppBar或者CommandBar中。你可以尝试给InkToolBar添加一个CustomToolButton。然后给它设置线条图像并禁用它。如果你还是想用AppBarSeparator，可以设置一个commandbar，把InkToolBar放进去。

使用 InkToolbarCustomToolButton：

<InkToolbar x:Name="toolbar" TargetInkCanvas="{x:Bind inkCanvas}">
            <InkToolbarCustomToolButton Name="lassoSelectionButton" IsEnabled="False">
                <Image Source="Assets/vertical_line.png"></Image>
            </InkToolbarCustomToolButton>
            <InkToolbarCustomToggleButton Name="mouseInkingButton">
            </InkToolbarCustomToggleButton>
            ......
</InkToolbar>

使用命令栏：

<CommandBar Width="300">
            <CommandBar.Content>
                <InkToolbar x:Name="toolbar" TargetInkCanvas="{x:Bind inkCanvas}">
                </InkToolbar>
            </CommandBar.Content>
            <AppBarSeparator /> 
            ......
</CommandBar>

【讨论】：