vpr/ShadowStream/Views/MainWindow.xaml

<Window x:Class="ModuleManager.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:vlc="clr-namespace:LibVLCSharp.WPF;assembly=LibVLCSharp.WPF"      
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800"
        KeyUp="Key_Up"
        PreviewKeyDown="MainWindow_PreviewKeyDown"
        Loaded="MainWindow_Loaded"
        KeyboardNavigation.DirectionalNavigation="None">

    <Window.Resources>
        <Style TargetType="Button">
            <Style.Triggers>
                <Trigger Property="IsKeyboardFocused" Value="True">
                    <Setter Property="BorderBrush" Value="Red"/>
                    <Setter Property="BorderThickness" Value="2"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>

    <Grid KeyboardNavigation.DirectionalNavigation="None">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="200"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="60"/>
            <RowDefinition/>
            <RowDefinition Height="70"/>
        </Grid.RowDefinitions>

        <!-- TOP BAR -->
        <Grid Grid.ColumnSpan="2" Grid.Row="0" Background="#333" KeyboardNavigation.DirectionalNavigation="None">
            <Button Content="Login" TabIndex="0" Focusable="True" Width="80" Margin="10,10,0,10"
                    HorizontalAlignment="Left" VerticalAlignment="Center"/>
            <Grid HorizontalAlignment="Center" VerticalAlignment="Center" Width="300">
                <TextBox Name="SearchBox" TabIndex="1" Focusable="True" Padding="8" FontSize="14"
                         Background="White" Foreground="Black"/>
                <TextBlock Text="Search..." Margin="12,0,0,0" VerticalAlignment="Center"
                           Foreground="Gray" IsHitTestVisible="False"/>
            </Grid>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Margin="0,0,20,0"
                        VerticalAlignment="Center">
                <Button Content="scann" TabIndex="2" Focusable="True" Width="40" Height="40"
                        Margin="0,0,10,0" Click="scanButton_Click"/>
            </StackPanel>
        </Grid>

        <!-- LEFT NAVIGATION -->
        <StackPanel Name="catPan" Grid.Row="1" Grid.Column="0" Background="#222" VerticalAlignment="Stretch"
                    KeyboardNavigation.DirectionalNavigation="None">
            <Button Name="FirstCat" Content="Home" Height="60" TabIndex="3" Focusable="True"
                    Foreground="White" Background="Transparent" Click="Home_OnClick"/>
            <Button Content="Musik" Height="60" TabIndex="4" Focusable="True"
                    Foreground="White" Background="Transparent" Click="Musik_OnClick"/>
            <Button Content="Photos" Height="60" TabIndex="5" Focusable="True"
                    Foreground="White" Background="Transparent" Click="Photo_OnClick"/>
            <Button Content="Video" Height="60" TabIndex="6" Focusable="True"
                    Foreground="White" Background="Transparent" Click="Video_OnClick"/>
            <Button Content="Playlist" Height="60" TabIndex="7" Focusable="True"
                    Foreground="White" Background="Transparent" Click="PlayListButton_OnClick"/>
        </StackPanel>

        <!-- MAIN CONTENT -->
        <Grid Grid.Column="1" Grid.Row="1" KeyboardNavigation.DirectionalNavigation="None">
            <ScrollViewer x:Name="ScrollContentHome" Background="#444" Panel.ZIndex="0"
                          KeyboardNavigation.DirectionalNavigation="None" Focusable="False">
                <StackPanel Margin="10" KeyboardNavigation.DirectionalNavigation="None">
                    <TextBlock Text="Favorites" FontSize="18" Foreground="White" Margin="0,10"/>
                    <WrapPanel Name="Favorites_Home" KeyboardNavigation.DirectionalNavigation="None"/>

                    <TextBlock Text="Movies" FontSize="18" Foreground="White" Margin="0,20,0,10"/>
                    <WrapPanel Name="Muvies_Home" KeyboardNavigation.DirectionalNavigation="None"/>

                    <TextBlock Text="Series" FontSize="18" Foreground="White" Margin="0,20,0,10"/>
                    <WrapPanel Name="Series_Home" KeyboardNavigation.DirectionalNavigation="None"/>

                    <TextBlock Text="Music" FontSize="18" Foreground="White" Margin="0,20,0,10"/>
                    <WrapPanel Name="Music_Home" KeyboardNavigation.DirectionalNavigation="None"/>

                    <TextBlock Text="Photos" FontSize="18" Foreground="White" Margin="0,20,0,10"/>
                    <WrapPanel Name="Photos_Home" KeyboardNavigation.DirectionalNavigation="None"/>
                </StackPanel>
            </ScrollViewer>

            <!-- VIDEO PLAYER -->
            <vlc:VideoView x:Name="VideoView" Panel.ZIndex="1" Visibility="Collapsed" Background="Black"/>

            <!-- CATEGORY VIEW -->
            <ScrollViewer x:Name="ScrollContentCat" Background="#444" Panel.ZIndex="0" Visibility="Collapsed"
                          Focusable="False" KeyboardNavigation.DirectionalNavigation="None">
                <StackPanel Margin="10" KeyboardNavigation.DirectionalNavigation="None">
                    <TextBlock Name="Name_of_Catagory_Text" Text="Name_of_Catagory" FontSize="18" Foreground="White" Margin="0,10"/>
                    <WrapPanel Name="Name_of_Catagory" KeyboardNavigation.DirectionalNavigation="None"/>
                    <TextBlock Name="Name_of_Catagory_Text1" Text="Name_of_Catagory1" FontSize="18" Foreground="White" Margin="0,10"/>
                    <WrapPanel Name="Name_of_Catagory1" Visibility="Collapsed" KeyboardNavigation.DirectionalNavigation="None"/>
                </StackPanel>
            </ScrollViewer>

            <!-- PLAYLIST VIEW -->
            <ScrollViewer x:Name="ScrollContentPlaylist" Background="#444" Panel.ZIndex="0" Visibility="Collapsed"
                          Focusable="False" KeyboardNavigation.DirectionalNavigation="None">
                <StackPanel x:Name="PlaylistContentPanel" KeyboardNavigation.DirectionalNavigation="None"/>
            </ScrollViewer>
        </Grid>

        <!-- SETTINGS BUTTON -->
        <Button Grid.Column="0" Grid.Row="2" Content="Settings" Margin="10" HorizontalAlignment="Left"
                TabIndex="8" Focusable="True" Click="PlayListButton_Click"/>

        <!-- PLAYER PROGRESS -->
        <Slider Name="itemProgress" TabIndex="9" Focusable="True" PreviewMouseDown="ItemProgress_OnPreviewMouseDown"
                Panel.ZIndex="2" VerticalAlignment="Top" ValueChanged="ItemProgress_OnValueChanged"
                Grid.Row="2" Grid.Column="1" Padding="10"/>
        <ProgressBar Name="itemProgressVisual" Panel.ZIndex="1" Height="20" VerticalAlignment="Top"
                     Grid.Row="2" Grid.Column="1" Padding="10"/>

        <!-- PLAYER CONTROLS -->
        <StackPanel Grid.Column="1" Grid.Row="2" Orientation="Horizontal" HorizontalAlignment="Center"
                    VerticalAlignment="Bottom" Background="#222" KeyboardNavigation.DirectionalNavigation="None">
            <TextBlock Name="title" Text="Titel" Foreground="White" FontSize="16" Margin="10"/>
            <Button Content="⏮" Width="40" Margin="10" TabIndex="10" Focusable="True" Click="OnItemPriorButtonClick"/>
            <Button Content="▶" Width="40" Margin="10" TabIndex="11" Focusable="True" Click="OnItemPauseBtn_Click"/>
            <Button Content="⏭" Width="40" Margin="10" TabIndex="12" Focusable="True" Click="OnItemNextButtonClick"/>
            <TextBlock Text="🔊" Foreground="White" VerticalAlignment="Center" Margin="10,0"/>
            <Slider Name="vol" Width="100" Minimum="0" Maximum="100" Value="50" Margin="10"
                    TabIndex="13" Focusable="True" ValueChanged="RangeBase_OnValueChanged"/>
        </StackPanel>
    </Grid>
</Window>