dans le Creators Update Insider Preview 16193 (avec Windows 10 SDK 16190 ), Il ya un nouveau AcrylicBrush 1519140920" que vous pouvez appliquer directement sur votre élément comme une normale SolidColorBrush .

<Page xmlns:media="using:Windows.UI.Xaml.Media" ...>
    <Page.Resources>
        <media:AcrylicBrush x:Key="HostBackdropBrush"
                            BackgroundSource="HostBackdrop"
                            TintColor="LightBlue"
                            TintOpacity="0.6"
                            FallbackColor="LightSkyBlue"
                            FallbackForced="False" />
    </Page.Resources>

    <Grid Background="{StaticResource HostBackdropBrush}" />
</Page>

Note

cela ne fonctionnera que Windows 10 avant-première (v10.0.16190.0 et plus). Si vous voulez L'utiliser dans la mise à jour des créateurs puis cochez la réponse par Sven Borden.

vous pouvez rejoindre Windows 10 Insider Preview program ici

vous pouvez rejoindre Télécharger Windows 10 SDK Preview Build 16190 ici

Acrylique thème des ressources

ressources nommées acrylique\WindowBrush * représentent l'acrylique de fond, tandis que Acrylique\ElementBrush* fait référence à l'acrylique in-app

Ressources clés -> Teinte opacité -> de Secours de la couleur

SystemControlAcrylicWindowBrush - > 80% - > ChromeMedium

SystemControlAcrylicElementBrush - > 80% - > ChromeMedium

SystemControlAcrylicMediumHighWindowbrush - > 70% - > ChromeMedium

SystemControlAcrylicMediumHighElementbrush - > 70% - > ChromeMedium

SystemControlAcrylicMediumWindowbrush - > 60% - > ChromeMediumLow

SystemControlAcrylicMediumElementbrush - > 60% - > ChromeMediumLow

SystemControlAcrylicAccentMediumhighwindowbrush - > 70% - > SystemAccentColor

SystemControlAcrylicAccentMediumhighelementbrush - > 70% - > SystemAccentColor

SystemControlAcrylicAccentDark1Windowbrush - > 80% - > SystemAccentColorDark1

SystemControlAcrylicAccentDark1Elementbrush - > 80% - > SystemAccentColorDark1

SystemControlAcrylicAccentDark2Mediumhighwindowbrush - > 70% - > SystemAccentColorDark2

SystemControlAcrylicAccentDark2Mediumhighelementbrush - > 70% - >SystemAccentColorDark2

pour peindre une surface spécifique, appliquez une des ressources thématiques ci-dessus aux fonds d'éléments comme vous appliqueriez n'importe quelle autre ressource de pinceau

<Grid Background="{ThemeResource SystemControlAcrylicElementBrush}">

Personnalisé acrylique brosse

• TintColor: la couche de superposition couleur/teinte. Envisagez de spécifier à la fois la valeur de couleur RVB et l'opacité du canal alpha.

• TintOpacity: l'opacité de la teinte de la couche. Nous recommandons 80% d'opacité comme point de départ, bien que différentes couleurs peuvent sembler plus convaincant à d'autres transparences.

• BackgroundSource: le drapeau pour préciser si vous voulez de l'acrylique d'arrière-plan ou In-app.

• FallbackColor: la couleur solide qui remplace acrylique en mode batterie faible. Pour l'acrylique de fond, la couleur de repli remplace également l'acrylique lorsque votre application n'est pas dans la fenêtre active du bureau ou lorsque l'application est en cours d'exécution sur le téléphone et la Xbox.

  <ResourceDictionary.ThemeDictionaries>
  <ResourceDictionary x:Key="Default">
      <AcrylicBrush x:Key="MyAcrylicBrush"
          BackgroundSource="HostBackdrop"
          TintColor="#FFFF0000"
          TintOpacity="0.8"
          FallbackColor="#FF7F0000"/>
  </ResourceDictionary>
  
  <ResourceDictionary x:Key="HighContrast">
      <SolidColorBrush x:Key="MyAcrylicBrush"
          Color="{ThemeResource SystemColorWindowColor}"/>
  </ResourceDictionary>
  
  <ResourceDictionary x:Key="Light">
      <AcrylicBrush x:Key="MyAcrylicBrush"
          BackgroundSource="HostBackdrop"
          TintColor="#FFFF0000"
          TintOpacity="0.8"
          FallbackColor="#FFFF7F7F"/>
  </ResourceDictionary>
  </ResourceDictionary.ThemeDictionaries>
  

l'échantillon suivant montre comment déclarer la brosse acrylique en code. Si votre application prend en charge plusieurs cibles OS, assurez-vous de vérifier que cette API est disponible sur la machine de l'utilisateur.

if (Windows.Foundation.Metadata.ApiInformation.IsTypePresent("Windows.UI.Xaml.Media.XamlCompositionBrushBase"))
{
    Windows.UI.Xaml.Media.AcrylicBrush myBrush = new Windows.UI.Xaml.Media.AcrylicBrush();
    myBrush.BackgroundSource = Windows.UI.Xaml.Media.AcrylicBackgroundSource.HostBackdrop;
    myBrush.TintColor = Color.FromArgb(255, 202, 24, 37);
    myBrush.FallbackColor = Color.FromArgb(255, 202, 24, 37);
    myBrush.TintOpacity = 0.6;

    grid.Fill = myBrush;
}
else
{
    SolidColorBrush myBrush = new SolidColorBrush(Color.FromArgb(255, 202, 24, 37));
    grid.Fill = myBrush;
}

extension de l'acrylique dans votre titre bar

CoreApplication.GetCurrentView().TitleBar.ExtendViewIntoTitleBar = true;
ApplicationViewTitleBar titleBar = ApplicationView.GetForCurrentView().TitleBar;
titleBar.ButtonBackgroundColor = Colors.Transparent;
titleBar.ButtonInactiveBackgroundColor = Colors.Transparent;

Source: acrylique