GhostEngine/Ghost.Editor/View/Windows/EngineEditorWindow.xaml

<?xml version="1.0" encoding="utf-8" ?>
<winex:WindowEx
    x:Class="Ghost.Editor.View.Windows.EngineEditorWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:behaviors="using:CommunityToolkit.WinUI.Behaviors"
    xmlns:controls="using:CommunityToolkit.WinUI.Controls"
    xmlns:controls1="using:Ghost.Editor.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:ee="using:Ghost.Editor.View.Pages.EngineEditor"
    xmlns:interactivity="using:Microsoft.Xaml.Interactivity"
    xmlns:internal="using:Ghost.Editor.Controls.Internal"
    xmlns:local="using:Ghost.Editor.View.Windows"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:winex="using:WinUIEx"
    mc:Ignorable="d">

    <Window.SystemBackdrop>
        <MicaBackdrop />
    </Window.SystemBackdrop>

    <Grid Loaded="MainGrid_Loaded" Unloaded="MainGrid_Unloaded">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <!--  Titlebar  -->
        <TitleBar
            x:Name="PART_TitleBar"
            Grid.Row="0"
            Background="{ThemeResource AcrylicBackgroundFillColorBaseBrush}"
            Subtitle="Ghost Engine">
            <TitleBar.IconSource>
                <ImageIconSource ImageSource="ms-appx:///Assets/icon.targetsize-48.png" />
            </TitleBar.IconSource>
        </TitleBar>

        <!--  Toolbar  -->
        <Grid
            Grid.Row="1"
            Padding="4,0,4,4"
            Background="{ThemeResource AcrylicBackgroundFillColorBaseBrush}">
            <controls:TabbedCommandBar>
                <controls:TabbedCommandBar.MenuItems>
                    <controls:TabbedCommandBarItem Header="Home">
                        <AppBarButton Label="Undo" />
                        <AppBarButton Label="Redo" />
                        <AppBarButton Label="Paste" />
                    </controls:TabbedCommandBarItem>
                    <controls:TabbedCommandBarItem Header="Home">
                        <AppBarButton Label="Undo" />
                        <AppBarButton Label="Redo" />
                        <AppBarButton Label="Paste" />
                    </controls:TabbedCommandBarItem>
                    <controls:TabbedCommandBarItem Header="Home">
                        <AppBarButton Label="Undo" />
                        <AppBarButton Label="Redo" />
                        <AppBarButton Label="Paste" />
                    </controls:TabbedCommandBarItem>
                </controls:TabbedCommandBar.MenuItems>
            </controls:TabbedCommandBar>
        </Grid>

        <!--  Editor  -->
        <Grid Grid.Row="2">
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>

            <Grid Grid.Row="0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>

                <internal:NavigationTabView
                    Grid.Column="0"
                    Width="350"
                    HorizontalAlignment="Stretch"
                    VerticalAlignment="Stretch">
                    <internal:NavigationTabView.TabItems>
                        <ee:HierarchyPage Header="Hierarchy">
                            <ee:HierarchyPage.IconSource>
                                <FontIconSource Glyph="&#xE8A4;" />
                            </ee:HierarchyPage.IconSource>
                        </ee:HierarchyPage>
                    </internal:NavigationTabView.TabItems>
                </internal:NavigationTabView>

                <internal:NavigationTabView Grid.Column="1">
                    <internal:NavigationTabView.TabItems>
                        <ee:ScenePage Header="Scene">
                            <ee:ScenePage.IconSource>
                                <FontIconSource Glyph="&#xF159;" />
                            </ee:ScenePage.IconSource>
                        </ee:ScenePage>
                    </internal:NavigationTabView.TabItems>
                </internal:NavigationTabView>

                <internal:NavigationTabView
                    Grid.Column="2"
                    Width="350"
                    HorizontalAlignment="Stretch"
                    VerticalAlignment="Stretch">
                    <internal:NavigationTabView.TabItems>
                        <ee:InspectorPage Header="Inspector">
                            <ee:InspectorPage.IconSource>
                                <FontIconSource Glyph="&#xEC7A;" />
                            </ee:InspectorPage.IconSource>
                        </ee:InspectorPage>
                    </internal:NavigationTabView.TabItems>
                </internal:NavigationTabView>
            </Grid>

            <internal:NavigationTabView Grid.Row="1" Height="350">
                <internal:NavigationTabView.TabItems>
                    <TabViewItem Header="Project">
                        <TabViewItem.IconSource>
                            <FontIconSource Glyph="&#xEC50;" />
                        </TabViewItem.IconSource>
                        <controls1:ProjectBrowser />
                    </TabViewItem>
                    <TabViewItem Header="Console">
                        <TabViewItem.IconSource>
                            <FontIconSource Glyph="&#xE756;" />
                        </TabViewItem.IconSource>
                        <ee:ConsolePage />
                    </TabViewItem>
                </internal:NavigationTabView.TabItems>
            </internal:NavigationTabView>
        </Grid>

        <!--  Status Bar  -->
        <Grid
            Grid.Row="3"
            Height="25"
            Background="{ThemeResource SmokeFillColorDefaultBrush}">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>

            <Grid Grid.Column="0">
                <FontIcon
                    Margin="8,0,0,0"
                    FontSize="16"
                    Foreground="{ThemeResource SystemFillColorSuccessBrush}"
                    Glyph="&#xE930;"
                    Visibility="Visible" />

                <StackPanel Orientation="Horizontal" Visibility="Collapsed">
                    <FontIcon
                        Margin="8,0,0,0"
                        VerticalAlignment="Center"
                        FontSize="16"
                        Foreground="{ThemeResource SystemFillColorAttentionBrush}"
                        Glyph="&#xE946;" />
                    <TextBlock
                        Margin="4,0,0,0"
                        VerticalAlignment="Center"
                        Style="{StaticResource CaptionTextBlockStyle}"
                        Text="0" />
                    <FontIcon
                        Margin="8,0,0,0"
                        VerticalAlignment="Center"
                        FontSize="16"
                        Foreground="{ThemeResource SystemFillColorCautionBrush}"
                        Glyph="&#xE7BA;" />
                    <TextBlock
                        Margin="4,0,0,0"
                        VerticalAlignment="Center"
                        Style="{StaticResource CaptionTextBlockStyle}"
                        Text="0" />
                    <FontIcon
                        Margin="8,0,0,0"
                        VerticalAlignment="Center"
                        FontSize="16"
                        Foreground="{ThemeResource SystemFillColorCriticalBrush}"
                        Glyph="&#xE783;" />
                    <TextBlock
                        Margin="4,0,0,0"
                        VerticalAlignment="Center"
                        Style="{StaticResource CaptionTextBlockStyle}"
                        Text="0" />
                </StackPanel>
            </Grid>
        </Grid>

        <!--  Info and Progress  -->
        <Grid Grid.Row="0" Grid.RowSpan="4">
            <InfoBar
                x:Name="InfoBar"
                Margin="16"
                HorizontalAlignment="Right"
                VerticalAlignment="Bottom">
                <interactivity:Interaction.Behaviors>
                    <behaviors:StackedNotificationsBehavior x:Name="NotificationQueue" />
                </interactivity:Interaction.Behaviors>
            </InfoBar>

            <Grid
                x:Name="ProgressBarContainer"
                Background="{ThemeResource SmokeFillColorDefaultBrush}"
                Visibility="Collapsed">
                <Grid
                    Height="100"
                    Padding="36,24"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Background="{ThemeResource SolidBackgroundFillColorBaseBrush}"
                    CornerRadius="{StaticResource OverlayCornerRadius}">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>

                    <TextBlock
                        x:Name="ProgressMessage"
                        Grid.Row="0"
                        Margin="0,0,0,12"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        Style="{StaticResource TitleTextBlockStyle}"
                        Text="Loading..." />
                    <ProgressBar
                        x:Name="ProgressBar"
                        Grid.Row="1"
                        HorizontalAlignment="Stretch"
                        VerticalAlignment="Center"
                        IsIndeterminate="True" />
                </Grid>
            </Grid>
        </Grid>
    </Grid>
</winex:WindowEx>