Как добавить истинный угловой радиус во всплывающее меню?

Question

Теперь это выглядит так.

Я использую MenuFlyoutPresenterStyle в MenuFlyout -

<MenuFlyout x:Name="MenuFlyout" 
            MenuFlyoutPresenterStyle="{ThemeResource MenuFlyoutAcrilickThemeResources}"
            >
                <MenuFlyoutItem Icon="Paste" Text="Вставить"  Click="MenuFlyoutItemPaste_Click" />
                <MenuFlyoutItem Icon="Copy" Text="Скопировать" Click="MenuFlyoutItemCopy_Click"  />
            </MenuFlyout>
</MenuFlyout>

Код стиля

<Style x:Key="MenuFlyoutAcrilickThemeResources" TargetType="MenuFlyoutPresenter">
    <Setter Property="CornerRadius" Value="10" />
    <Setter Property="Padding" Value="0,3" />
    <Setter Property="Background" Value="{ThemeResource MenuFlyoutBackgroundAcrylicBrush}" />
</Style>

Как это исправить?

Answer 1

Вы можете добавить еще Setter для изменения свойства фона:

<Setter Property="Background" Value="Transparent" />

Однако, в зависимости от версии SDK, Microsoft рекомендует другой подход :

Начиная с Windows 10, версия 1607 (SDK 14393), generic.xaml включает ресурсы, которые можно использовать для изменения цветов элемента управления в различных визуальных состояниях без изменения шаблона элемента управления. В приложениях, предназначенных для этого комплекта разработки программного обеспечения (SDK) или более поздней версии, изменение этих ресурсов предпочтительнее, чем настройка свойств, таких как Фон и Передний план. Дополнительные сведения см. В разделе «Облегченное моделирование» статьи «Управление стилями».