WinUI-Gallery/WinUIGallery/Samples/SystemBackdropElement/SystemBackdropElementPage.xaml at 023eb8d2b2e8c2777a6f2f8d1ecc89db663dec74 · microsoft/WinUI-Gallery · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!--  Copyright (c) Microsoft Corporation.  -->
<Page
    x:Class="WinUIGallery.ControlPages.SystemBackdropElementPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:WinUIGallery.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    <StackPanel>
        <controls:ControlExample x:Name="Example1" SampleDefinition="SystemBackdropElement\SystembackdropelementSample.txt">
            <controls:ControlExample.Example>
                <Grid
                    Width="300"
                    Height="200"
                    HorizontalAlignment="Center">
                    <SystemBackdropElement x:Name="DynamicBackdropHost" CornerRadius="8">
                        <SystemBackdropElement.SystemBackdrop>
                            <DesktopAcrylicBackdrop />
                        </SystemBackdropElement.SystemBackdrop>
                    </SystemBackdropElement>
                    <Button
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        Content="Click Me" />
                </Grid>
            </controls:ControlExample.Example>
            <controls:ControlExample.Options>
                <StackPanel Spacing="12">
                    <ComboBox
                        x:Name="BackdropTypeComboBox"
                        Header="Backdrop Type"
                        SelectedIndex="0"
                        SelectionChanged="BackdropTypeComboBox_SelectionChanged">
                        <ComboBoxItem Content="Acrylic" Tag="Acrylic" />
                        <ComboBoxItem Content="Mica" Tag="Mica" />
                        <ComboBoxItem Content="Mica Alt" Tag="MicaAlt" />
                    </ComboBox>
                    <Slider
                        x:Name="CornerRadiusSlider"
                        Header="Corner radius"
                        Maximum="50"
                        Minimum="0"
                        StepFrequency="1"
                        ValueChanged="CornerRadiusSlider_ValueChanged"
                        Value="8" />
                </StackPanel>
            </controls:ControlExample.Options>
            <controls:ControlExample.XamlSource>
                SystemBackdropElement/SystemBackdropElementAcrylic_xaml.txt
            </controls:ControlExample.XamlSource>
            <controls:ControlExample.Substitutions>
                <controls:ControlExampleSubstitution Key="CornerRadius" Value="{x:Bind CornerRadiusSlider.Value, Mode=OneWay}" />
            </controls:ControlExample.Substitutions>
        </controls:ControlExample>
        <TextBlock
            Margin="0,12,0,0"
            Text="Theme updates for SystemBackdropElement are triggered by app or OS theme changes, not by setting theme directly on the control."
            TextWrapping="WrapWholeWords" />
    </StackPanel>
</Page>