fix: replace ListBox with Button-based ItemsControl for navigation (#22)

- Add x:Name=MainWin to Window for ElementName binding
- Replace ListBox + TextBlock with ItemsControl + Button
- Each Button binds to MainWindow.NavigateCommand with NavItem as parameter

Author: JusterZhu

src/Views/MainWindow.axaml

@@ -1,25 +1,33 @@
-<Window xmlns="https://github.com/avaloniaui"
+<Window xmlns="https://github.com/avaloniaui"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:vm="using:GeneralUpdate.Tools.ViewModels"
         x:Class="GeneralUpdate.Tools.Views.MainWindow"
+        x:Name="MainWin"
         x:DataType="vm:MainWindowViewModel"
-        Title="GeneralUpdate Tools v12" Width="960" Height="640" MinWidth="780" MinHeight="540"
+        Title="GeneralUpdate Tools" Width="960" Height="640" MinWidth="780" MinHeight="540"
         WindowStartupLocation="CenterScreen">
     <DockPanel>
         <Border DockPanel.Dock="Left" Width="200" Background="{DynamicResource SystemControlBackgroundChromeMediumLowBrush}">
             <Grid RowDefinitions="Auto,*">
                 <Border Grid.Row="0" Padding="18,20,18,12">
                     <TextBlock Text="GeneralUpdate Tools" FontSize="16" FontWeight="Bold"/>
                 </Border>
-                <ListBox Grid.Row="1" ItemsSource="{Binding NavItems}" Background="Transparent" BorderThickness="0">
-                    <ListBox.ItemTemplate>
+                <ItemsControl Grid.Row="1" ItemsSource="{Binding NavItems}">
+                    <ItemsControl.ItemTemplate>
                         <DataTemplate x:DataType="vm:NavItem">
-                            <Border Padding="18,10" Background="Transparent" CornerRadius="0,8,8,0">
-                                <TextBlock Text="{Binding Title}" FontSize="13"/>
-                            </Border>
+                            <Button Content="{Binding Title}"
+                                    Command="{Binding ElementName=MainWin, Path=DataContext.NavigateCommand}"
+                                    CommandParameter="{Binding}"
+                                    HorizontalAlignment="Stretch"
+                                    HorizontalContentAlignment="Left"
+                                    Padding="18,10"
+                                    Margin="0"
+                                    Background="Transparent"
+                                    BorderThickness="0"
+                                    FontSize="13"/>
                         </DataTemplate>
-                    </ListBox.ItemTemplate>
-                </ListBox>
+                    </ItemsControl.ItemTemplate>
+                </ItemsControl>
             </Grid>
         </Border>
         <ContentControl Content="{Binding CurrentPage}"/>