Добавить акриловый эффект на кнопку Flyout

Question

В Xaml у меня есть простые окна Flyout, подобные описанным ниже:

<Button Content="Clickable">
  <Button.Flyout>
    <Flyout>
      <TextBlock Text="My Flyout have several text elements"/>
    </Flyout>
  </Button.Flyout>
</Button>

Как применить акриловый эффект Windows 10 к панели Flyout?

Answer 1

<Button Content="Clickable" Height="55" Width="255" HorizontalAlignment="Center" Style="{ThemeResource ButtonRevealStyle}">
    <Button.Flyout>
        <Flyout>
            <Flyout.FlyoutPresenterStyle>
                <Style TargetType="FlyoutPresenter">
                    <Setter Property="Background" Value="{ThemeResource SystemControlAcrylicElementMediumHighBrush}" />
                </Style>
            </Flyout.FlyoutPresenterStyle>
            <TextBlock Text="My Flyout have several text elements"/>
        </Flyout>
    </Button.Flyout>
</Button>

Вам следует проверить это приложение , чтобы узнать больше об элементах управления и настроить акриловую кисть