NoteUI/AcrylicSettingsWindow.xaml at main · devohmycode/NoteUI · 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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<?xml version="1.0" encoding="utf-8"?>
<Window
    x:Class="NoteUI.AcrylicSettingsWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Acrylic">

    <Grid x:Name="RootGrid">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!-- Title bar -->
        <Grid x:Name="TitleBar" Grid.Row="0" Height="36" Padding="8,0">
            <Grid x:Name="DragBar" Background="Transparent"
                  PointerPressed="DragBar_PointerPressed"
                  PointerMoved="DragBar_PointerMoved"
                  PointerReleased="DragBar_PointerReleased"/>

            <TextBlock x:Name="AcrylicTitle" FontSize="12"
                       VerticalAlignment="Center" Margin="4,0,0,0"
                       Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                       IsHitTestVisible="False"/>

                <Button x:Name="AcrylicCloseButton" HorizontalAlignment="Right" VerticalAlignment="Center"
                    Background="Transparent" BorderThickness="0"
                    Padding="8,6" Click="Close_Click">
                <FontIcon Glyph="&#xE711;" FontSize="11"/>
            </Button>
        </Grid>

        <!-- Content -->
        <ScrollViewer Grid.Row="1" Padding="16,4,16,16">
            <StackPanel Spacing="18">

                <!-- Tint Opacity -->
                <StackPanel Spacing="2">
                    <Grid>
                    <TextBlock x:Name="TintOpacityLabel" FontSize="12"
                                   Foreground="{ThemeResource TextFillColorSecondaryBrush}"/>
                        <TextBlock x:Name="TintOpacityValue" HorizontalAlignment="Right"
                                   FontSize="12" Foreground="{ThemeResource TextFillColorTertiaryBrush}"/>
                    </Grid>
                    <Slider x:Name="TintOpacitySlider" Minimum="0" Maximum="1"
                            StepFrequency="0.01"
                            ValueChanged="Slider_ValueChanged"/>
                </StackPanel>

                <!-- Luminosity Opacity -->
                <StackPanel Spacing="2">
                    <Grid>
                    <TextBlock x:Name="LuminosityLabel" FontSize="12"
                                   Foreground="{ThemeResource TextFillColorSecondaryBrush}"/>
                        <TextBlock x:Name="LuminosityValue" HorizontalAlignment="Right"
                                   FontSize="12" Foreground="{ThemeResource TextFillColorTertiaryBrush}"/>
                    </Grid>
                    <Slider x:Name="LuminositySlider" Minimum="0" Maximum="1"
                            StepFrequency="0.01"
                            ValueChanged="Slider_ValueChanged"/>
                </StackPanel>

                <!-- Tint Color -->
                <StackPanel Spacing="4">
                    <TextBlock x:Name="TintColorLabel" FontSize="12"
                               Foreground="{ThemeResource TextFillColorSecondaryBrush}"/>
                    <Grid ColumnSpacing="8">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <TextBox x:Name="TintColorBox" Text="#000000" FontSize="12"
                                 MaxLength="7" TextChanged="ColorBox_TextChanged"/>
                        <Border x:Name="TintColorPreview" Grid.Column="1"
                                Width="32" Height="32" CornerRadius="4"
                                BorderThickness="1"
                                BorderBrush="{ThemeResource ControlStrokeColorDefaultBrush}"
                                Tapped="TintColorPreview_Tapped"/>
                    </Grid>
                </StackPanel>

                <!-- Fallback Color -->
                <StackPanel Spacing="4">
                    <TextBlock x:Name="FallbackColorLabel" FontSize="12"
                               Foreground="{ThemeResource TextFillColorSecondaryBrush}"/>
                    <Grid ColumnSpacing="8">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <TextBox x:Name="FallbackColorBox" Text="#000000" FontSize="12"
                                 MaxLength="7" TextChanged="ColorBox_TextChanged"/>
                        <Border x:Name="FallbackColorPreview" Grid.Column="1"
                                Width="32" Height="32" CornerRadius="4"
                                BorderThickness="1"
                                BorderBrush="{ThemeResource ControlStrokeColorDefaultBrush}"
                                Tapped="FallbackColorPreview_Tapped"/>
                    </Grid>
                </StackPanel>

                <!-- Kind -->
                <StackPanel Spacing="4">
                    <TextBlock x:Name="StyleLabel" FontSize="12"
                               Foreground="{ThemeResource TextFillColorSecondaryBrush}"/>
                    <Grid ColumnSpacing="6">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Button x:Name="BaseButton" Content="Base"
                                HorizontalAlignment="Stretch" CornerRadius="4"
                                Click="Kind_Click" Tag="Base"/>
                        <Button x:Name="ThinButton" Content="Thin" Grid.Column="1"
                                HorizontalAlignment="Stretch" CornerRadius="4"
                                Click="Kind_Click" Tag="Thin"/>
                    </Grid>
                </StackPanel>

            </StackPanel>
        </ScrollViewer>
    </Grid>
</Window>