MainWindow.xaml

<?xml version="1.0" encoding="utf-8"?>
<Window
    x:Class="ImageRate.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:ImageRate"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:controls="using:CommunityToolkit.WinUI.Controls"
    xmlns:ui="using:CommunityToolkit.WinUI"
    mc:Ignorable="d"
    Title="ImageRate">


    <Grid x:Name="RootGrid" KeyDown="MainWindow_KeyDown" AllowDrop="True" DragOver="Grid_DragOver" Drop="Grid_Drop" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <FlyoutBase.AttachedFlyout>
            <MenuFlyout x:Name="ContextMenu">
                <MenuFlyoutItem x:Name="ContextMenuItem_Refresh" Text="Refresh" Click="Flyout_Refresh"/>
                <MenuFlyoutItem Text="Show in explorer" Click="Flyout_ShowInExplorer"/>
                <MenuFlyoutItem Text="Open with..." Click="Flyout_OpenWith"/>
                <MenuFlyoutSeparator/>
                <MenuFlyoutSubItem Text="Sorting" x:Name="SortSubmenu">
                    <RadioMenuFlyoutItem Text="Name" Tag="System.FileName" Click="Flyout_SortingChanged"/>
                    <RadioMenuFlyoutItem Text="Date taken" Tag="System.ItemDate" Click="Flyout_SortingChanged"/>
                    <RadioMenuFlyoutItem Text="Rating" Tag="System.Rating" Click="Flyout_SortingChanged"/>
                </MenuFlyoutSubItem>
            </MenuFlyout>
        </FlyoutBase.AttachedFlyout>

        <ProgressRing x:Name="ProgressIndicator" IsActive="False" />
        <TextBlock x:Name="Text_NothingToShow" Text="Nothing to show" HorizontalAlignment="Center" VerticalAlignment="Center"/>

        <MediaPlayerElement x:Name="VideoView" AutoPlay="True" AreTransportControlsEnabled="False">
            <MediaPlayerElement.TransportControls>
                <MediaTransportControls 
                    ShowAndHideAutomatically="False"
                    IsFastForwardButtonVisible="False"
                    IsStopButtonVisible="False"
                    IsPlaybackRateButtonVisible="False"
                    IsCompact="True"
                    IsZoomButtonVisible="False"/>
            </MediaPlayerElement.TransportControls>
        </MediaPlayerElement>

        <Rectangle x:Name="VideoPlaybackStartButtonBackground" Fill="{ThemeResource AcrylicBackgroundFillColorBaseBrush}" Height="40" Width="40" HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="670,0,0,16" Stroke="Transparent" RadiusY="4" RadiusX="4"/>

        <Button x:Name="VideoPlaybackStartButton" Width="40" Height="40" HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="670,0,0,16" Padding="4" ToolTipService.ToolTip="Set playback startpoint">
            <FontIcon FontFamily="Segoe MDL2 Assets" Glyph="&#xE819;"/>
            <Button.Flyout>
                <MenuFlyout x:Name="VideoPlaybackStartSelector" Opening="VideoPlaybackStartSelector_Opening">
                    <MenuFlyoutItem x:Name="VideoPlaybackStartSelector_Jump" Text="Jump to startpoint" Click="VideoPlaybackStartSelector_Jump_Click" Icon="Previous"/>
                    <MenuFlyoutItem x:Name="VideoPlaybackStartSelector_Delete" Text="Delete" Click="VideoPlaybackStartSelector_Delete_Click" Icon="Delete"/>
                    <MenuFlyoutItem x:Name="VideoPlaybackStartSelector_Set" Text="Set new playback start" Click="VideoPlaybackStartSelector_Set_Click" Icon="Pin"/>
                </MenuFlyout>
            </Button.Flyout>

        </Button>

        <Image x:Name="ImageView" RightTapped="Image_RightTapped" CanDrag="True" DragStarting="ImageView_DragStarting" />
        
        <GridView x:Name="ImagesGridView" ItemsSource="{x:Bind listItemsFiltered}" IsItemClickEnabled="True" RightTapped="Image_RightTapped" ItemClick="ImagesGridView_ItemClick" ContainerContentChanging="ImageGridView_ContainerContentChanging" SelectionChanged="ImagesGridView_SelectionChanged" CanDragItems="True" SelectionMode="Extended" DragItemsStarting="ImagesGridView_DragItemsStarting" Padding="10,10,10,10" Margin="0,0,0,16">
            <GridView.ItemTemplate>
                <DataTemplate x:DataType="local:ImageItem">
                    <RelativePanel Width="200" Height="200">
                        <TextBlock x:Name="SourceStorage" Visibility="Collapsed" />
                        <Image x:Name="ItemImage"
                                    Width="180"
                                    Margin="10,10,10,35"
                                    RelativePanel.AlignHorizontalCenterWithPanel="True"
                                    RelativePanel.AlignBottomWithPanel="True"
                                    ToolTipService.ToolTip="{x:Bind Name}"
                                    Stretch="Uniform" />
                        <RatingControl Value="{x:Bind Rating, Mode=OneWay}" IsReadOnly="True" 
                                       RelativePanel.AlignHorizontalCenterWithPanel="True"
                                       RelativePanel.AlignBottomWithPanel="True"
                                       Visibility="{x:Bind VisibleIfFile}"/>
                        <TextBlock Text="{x:Bind Name}" 
                                   RelativePanel.AlignHorizontalCenterWithPanel="True"
                                   RelativePanel.AlignBottomWithPanel="True"
                                   HorizontalTextAlignment="Center" 
                                   Visibility="{x:Bind VisibleIfFolder}"
                                   Margin="0,0,0,15"/>
                    </RelativePanel>
                </DataTemplate>
            </GridView.ItemTemplate>
        </GridView>


        <Button x:Name="Button_Prev" Content="&lt;" Click="Button_Left" HorizontalAlignment="Left" Height="100" />
        <Button x:Name="Button_Next" Content="&gt;" Click="Button_Right" HorizontalAlignment="Right"  Height="100" />

        <InfoBar x:Name="InfoNoMoreImages" Message="Keine weiteren Bilder." />


        <RelativePanel Grid.Row="1" Margin="0 16 0 0">

            <Button x:Name="PickFolderButton" Style="{StaticResource AccentButtonStyle}" Content="Open folder" Click="PickFolderButton_Click" Margin="16,0,0,0" RelativePanel.AlignLeftWithPanel="True"/>

            <BreadcrumbBar x:Name="BreadcrumbBar" ItemClicked="BreadcrumbBar_ItemClicked" RelativePanel.RightOf="PickFolderButton" RelativePanel.LeftOf="RatingBox" Margin="16,3,0,0"/>

            <TeachingTip x:Name="RatingError" Target="{x:Bind Rating}" Title="..." />

            <Viewbox x:Name="RatingBox" Height="50" RelativePanel.AlignHorizontalCenterWithPanel="True">
                <RatingControl x:Name="Rating" AutomationProperties.Name="Simple RatingControl" ValueChanged="RatingControl_ValueChanged" IsClearEnabled="True" IsReadOnly="False" RelativePanel.AlignHorizontalCenterWithPanel="True"/>
            </Viewbox>

            <controls:Segmented x:Name="SegmentedControl" SelectionChanged="SegmentedControl_ViewModeChanged" AllowFocusOnInteraction="False" RelativePanel.LeftOf="FilterComboBox" Margin="0,0,10,0">
                <controls:SegmentedItem Icon="{ui:FontIcon Glyph=&#xF0E2;}" ToolTipService.ToolTip="List (L)" />
                <controls:SegmentedItem Icon="{ui:FontIcon Glyph=&#xE91B;}" ToolTipService.ToolTip="Picture (P)" />
                <!-- <controls:SegmentedItem Icon="{ui:FontIcon Glyph=&#xE740;}" ToolTipService.ToolTip="Fullscreen" /> -->
            </controls:Segmented>

            <Button RelativePanel.LeftOf="SegmentedControl" Margin="0,0,10,0" Click="FullscreenButton_Click" ToolTipService.ToolTip="Diashow mode (F11)">
                <FontIcon Glyph="&#xE9A6;" />
            </Button>


            <ComboBox x:Name="FilterComboBox" SelectionChanged="FilterComboBox_SelectionChanged" Loaded="FilterComboBox_Loaded" Width="120" RelativePanel.LeftOf="About">
                <x:String>No Filter</x:String>
                <x:String>≥ 1 star</x:String>
                <x:String>≥ 2 stars</x:String>
                <x:String>≥ 3 stars</x:String>
                <x:String>≥ 4 stars</x:String>
                <x:String>= 5 stars</x:String>
            </ComboBox>

            <HyperlinkButton x:Name="About" Content="About this App" NavigateUri="https://github.com/fm-sys/ImageRate" Margin="10,0,16,0" RelativePanel.AlignRightWithPanel="True"/>

        </RelativePanel>

    </Grid>






</Window>