0.1.2

LanMontainDesktop/Views/MainWindow.axaml

@@ -1,20 +1,91 @@
 <Window xmlns="https://github.com/avaloniaui"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:vm="using:LanMontainDesktop.ViewModels"
+        xmlns:ui="using:FluentAvalonia.UI.Controls"
+        xmlns:comp="using:LanMontainDesktop.Views.Components"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+        mc:Ignorable="d"
+        d:DesignWidth="1280"
+        d:DesignHeight="720"
         x:Class="LanMontainDesktop.Views.MainWindow"
         x:DataType="vm:MainWindowViewModel"
         Icon="/Assets/avalonia-logo.ico"
+        WindowState="FullScreen"
+        SystemDecorations="None"
+        CanResize="False"
+        Background="#FF020617"
         Title="LanMontainDesktop">
 
     <Design.DataContext>
-        <!-- This only sets the DataContext for the previewer in an IDE,
-             to set the actual DataContext for runtime, set the DataContext property in code (look at App.axaml.cs) -->
-        <vm:MainWindowViewModel/>
+        <vm:MainWindowViewModel />
     </Design.DataContext>
 
-    <TextBlock Text="{Binding Greeting}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+    <Grid>
+        <Border x:Name="DesktopHost"
+                ClipToBounds="True"
+                Background="#FF020617">
+            <Grid x:Name="DesktopGrid"
+                  HorizontalAlignment="Left"
+                  VerticalAlignment="Top"
+                  ShowGridLines="False">
+                <comp:ClockWidget x:Name="ClockWidget"
+                                  Grid.Row="0"
+                                  Grid.Column="0"
+                                  Grid.ColumnSpan="3"
+                                  Margin="4" />
+
+                <Button x:Name="BackToWindowsButton"
+                        Grid.Row="0"
+                        Grid.Column="0"
+                        Grid.ColumnSpan="4"
+                        Margin="4"
+                        Padding="8"
+                        HorizontalAlignment="Stretch"
+                        VerticalAlignment="Stretch"
+                        Click="OnMinimizeClick"
+                        Content="回到Windows" />
+            </Grid>
+        </Border>
+
+        <Border HorizontalAlignment="Right"
+                VerticalAlignment="Top"
+                Margin="10"
+                Padding="10"
+                CornerRadius="10"
+                Background="#BF111827"
+                BorderBrush="#80334155"
+                BorderThickness="1">
+            <Grid ColumnDefinitions="Auto,Auto,Auto"
+                  RowDefinitions="Auto,Auto"
+                  ColumnSpacing="8"
+                  RowSpacing="6">
+                <TextBlock Grid.Row="0"
+                           Grid.Column="0"
+                           VerticalAlignment="Center"
+                           Foreground="#FFE5E7EB"
+                           Text="短边格数" />
+                <ui:NumberBox x:Name="GridSizeNumberBox"
+                              Grid.Row="0"
+                              Grid.Column="1"
+                              Width="100"
+                              Minimum="6"
+                              Maximum="96"
+                              Value="12" />
+                <Button Grid.Row="0"
+                        Grid.Column="2"
+                        Padding="12,6"
+                        Click="OnApplyGridSizeClick"
+                        Content="应用" />
+
+                <TextBlock x:Name="GridInfoTextBlock"
+                           Grid.Row="1"
+                           Grid.Column="0"
+                           Grid.ColumnSpan="3"
+                           Foreground="#FF93C5FD"
+                           Text="Grid: - cols x - rows (1:1)" />
+            </Grid>
+        </Border>
+    </Grid>
 
 </Window>