dan/NotificationFlyout
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[WIP] Non-functional now playing flyout sample

Browse Source
This commit is contained in:
Daniel Clark
2021-02-15 00:06:51 +00:00
parent b920a4622a
commit 49169b1044
8 changed files with 73 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files
samples/NotificationFlyoutSample/Shell.xaml
+55 -81
View File
@@ -3,9 +3,8 @@
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:controls="using:TheXamlGuy.NotificationFlyout.Uwp.UI.Controls"
xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
IconSource="/Assets/notification-icon.png"
LightIconSource="/Assets/notification-icon-light.png">
IconSource="/Assets/Notification-Icon-Playing.png"
LightIconSource="/Assets/Notification-Icon-Playing-Light.png">
<controls:NotificationFlyout.FlyoutPresenterStyle>
<Style TargetType="controls:NotificationFlyoutPresenter">
<Setter Property="CornerRadius" Value="8" />
@@ -13,84 +12,59 @@
</controls:NotificationFlyout.FlyoutPresenterStyle>
<controls:NotificationFlyout.ContextMenu>
<controls:NotificationFlyoutContextMenu>
<MenuFlyoutItem Click="MenuFlyoutItem_Click" Text="Close" />
<MenuFlyoutItem Text="Close" />
</controls:NotificationFlyoutContextMenu>
</controls:NotificationFlyout.ContextMenu>
<StackPanel Margin="24">
<ComboBox
x:Name="Theme"
Margin="0,0,0,8"
SelectionChanged="Theme_SelectionChanged">
<ComboBoxItem Content="Default" />
<ComboBoxItem Content="Dark" />
<ComboBoxItem Content="Light" />
</ComboBox>
<muxc:MenuBar>
<muxc:MenuBarItem Title="File">
<MenuFlyoutItem Text="New" />
<MenuFlyoutItem Text="Open..." />
<MenuFlyoutItem Text="Save" />
<MenuFlyoutItem Text="Exit" />
</muxc:MenuBarItem>
<muxc:MenuBarItem Title="Edit">
<MenuFlyoutItem Text="Undo" />
<MenuFlyoutItem Text="Cut" />
<MenuFlyoutItem Text="Copy" />
<MenuFlyoutItem Text="Paste" />
</muxc:MenuBarItem>
<muxc:MenuBarItem Title="Help">
<MenuFlyoutItem Text="About" />
</muxc:MenuBarItem>
</muxc:MenuBar>
<muxc:ProgressRing Margin="0,0,0,8" IsActive="True" />
<muxc:ProgressBar
Width="130"
Margin="0,0,0,8"
IsIndeterminate="True"
ShowError="False"
ShowPaused="False" />
<Button
Margin="0,0,0,8"
Click="Button_Click"
Content="Open window" />
<Slider Margin="0,0,0,8" />
<TextBox Margin="0,0,0,8" />
<CalendarView Margin="0,0,0,8" />
<TimePicker x:Name="foo" Margin="0,0,0,8" />
<DatePicker />
<muxc:NumberBox
x:Name="NumberBoxSpinButtonPlacementExample"
Header="Enter an integer:"
LargeChange="100"
SmallChange="10"
SpinButtonPlacementMode="Compact"
Value="1" />
<muxc:RadioButtons Header="Options:">
<RadioButton Content="Option 1" />
<RadioButton Content="Option 2" />
<RadioButton Content="Option 3" />
</muxc:RadioButtons>
<StackPanel>
<CheckBox
x:Name="OptionsAllCheckBox"
Content="Select all"
IsThreeState="True" />
<CheckBox
x:Name="Option1CheckBox"
Margin="24,0,0,0"
Content="Option 1" />
<CheckBox
x:Name="Option2CheckBox"
Margin="24,0,0,0"
Content="Option 2"
IsChecked="True" />
<CheckBox
x:Name="Option3CheckBox"
Margin="24,0,0,0"
Content="Option 3" />
</StackPanel>
<muxc:RatingControl AutomationProperties.Name="RatingControl with placeholder" PlaceholderValue="0" />
</StackPanel>
<Grid Width="400" Margin="24">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid Grid.Row="0" Margin="0,0,0,4">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Border
Grid.Column="0"
Width="94"
Height="94"
Background="Gray"
CornerRadius="4">
<Image Source="/Assets/album.jpg" Stretch="UniformToFill" />
</Border>
<StackPanel Grid.Column="1" Margin="12,12,0,0">
<TextBlock Style="{StaticResource BaseTextBlockStyle}" Text="Foo Fighters" />
<TextBlock Text="Best of you" />
</StackPanel>
</Grid>
<Slider Grid.Row="1" />
<Grid Grid.Row="2">
<TextBlock HorizontalAlignment="Left" Text="00:00" />
<TextBlock HorizontalAlignment="Right" Text="04:16" />
</Grid>
<CommandBar
Grid.Row="3"
HorizontalAlignment="Center"
Background="Transparent"
DefaultLabelPosition="Collapsed">
<AppBarButton Width="48" CornerRadius="4">
<AppBarButton.Icon>
<FontIcon Glyph="&#xE100;" />
</AppBarButton.Icon>
</AppBarButton>
<AppBarButton Width="48" CornerRadius="4">
<AppBarButton.Icon>
<FontIcon Glyph="&#xE102;" />
</AppBarButton.Icon>
</AppBarButton>
<AppBarButton Width="48" CornerRadius="4">
<AppBarButton.Icon>
<FontIcon Glyph="&#xE101;" />
</AppBarButton.Icon>
</AppBarButton>
</CommandBar>
</Grid>
</controls:NotificationFlyout>