From 127858d5822ef8eabad9f8e4432b719f5756ebf1 Mon Sep 17 00:00:00 2001
From: 2dust <31833384+2dust@users.noreply.github.com>
Date: Fri, 10 Jan 2025 14:23:03 +0800
Subject: [PATCH] Adjust UI for desktop

---
 .../Views/BackupAndRestoreView.axaml          | 23 ++++---
 .../Views/BackupAndRestoreView.axaml.cs       |  7 +-
 .../Views/CheckUpdateView.axaml               |  3 +-
 .../Views/ClashProxiesView.axaml              | 28 ++++----
 v2rayN/v2rayN.Desktop/Views/MainWindow.axaml  | 65 ++-----------------
 .../Views/ProfilesView.axaml.cs               |  7 +-
 v2rayN/v2rayN.Desktop/Views/QrcodeView.axaml  |  3 -
 .../v2rayN.Desktop/Views/QrcodeView.axaml.cs  |  5 ++
 8 files changed, 54 insertions(+), 87 deletions(-)

diff --git a/v2rayN/v2rayN.Desktop/Views/BackupAndRestoreView.axaml b/v2rayN/v2rayN.Desktop/Views/BackupAndRestoreView.axaml
index 6023ca892e7..d61dae8a01a 100644
--- a/v2rayN/v2rayN.Desktop/Views/BackupAndRestoreView.axaml
+++ b/v2rayN/v2rayN.Desktop/Views/BackupAndRestoreView.axaml
@@ -5,10 +5,8 @@
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:resx="clr-namespace:ServiceLib.Resx;assembly=ServiceLib"
-    xmlns:vms="clr-namespace:ServiceLib.ViewModels;assembly=ServiceLib"
     d:DesignHeight="450"
     d:DesignWidth="800"
-    x:DataType="vms:BackupAndRestoreViewModel"
     mc:Ignorable="d">
     <UserControl.Styles>
         <Style Selector="Button">
@@ -55,7 +53,10 @@
                         Classes="Margin8"
                         Content="{x:Static resx:ResUI.menuLocalBackup}" />
 
-                    <Separator Grid.Row="2" Grid.ColumnSpan="2" />
+                    <Separator
+                        Grid.Row="2"
+                        Grid.Column="0"
+                        Grid.ColumnSpan="2" />
 
                     <TextBlock
                         Grid.Row="3"
@@ -80,12 +81,11 @@
                     Classes="Margin8"
                     ColumnDefinitions="300,200"
                     RowDefinitions="Auto,Auto,Auto,Auto,Auto">
-                    <StackPanel Orientation="Horizontal">
-                        <TextBlock
-                            Grid.Row="0"
-                            Grid.Column="0"
-                            Classes="Margin8"
-                            Text="{x:Static resx:ResUI.menuRemoteBackupAndRestore}" />
+                    <StackPanel
+                        Grid.Row="0"
+                        Grid.Column="0"
+                        Orientation="Horizontal">
+                        <TextBlock Classes="Margin8" Text="{x:Static resx:ResUI.menuRemoteBackupAndRestore}" />
 
                         <Button
                             Width="30"
@@ -190,7 +190,10 @@
                         Classes="Margin8"
                         Content="{x:Static resx:ResUI.menuRemoteBackup}" />
 
-                    <Separator Grid.Row="2" Grid.ColumnSpan="3" />
+                    <Separator
+                        Grid.Row="2"
+                        Grid.Column="0"
+                        Grid.ColumnSpan="2" />
                     <TextBlock
                         Grid.Row="3"
                         Grid.Column="0"
diff --git a/v2rayN/v2rayN.Desktop/Views/BackupAndRestoreView.axaml.cs b/v2rayN/v2rayN.Desktop/Views/BackupAndRestoreView.axaml.cs
index 9098c09ff36..8ae9b75e881 100644
--- a/v2rayN/v2rayN.Desktop/Views/BackupAndRestoreView.axaml.cs
+++ b/v2rayN/v2rayN.Desktop/Views/BackupAndRestoreView.axaml.cs
@@ -9,7 +9,12 @@ namespace v2rayN.Desktop.Views
 {
     public partial class BackupAndRestoreView : ReactiveUserControl<BackupAndRestoreViewModel>
     {
-        private Window _window;
+        private Window? _window;
+
+        public BackupAndRestoreView()
+        {
+            InitializeComponent();
+        }
 
         public BackupAndRestoreView(Window window)
         {
diff --git a/v2rayN/v2rayN.Desktop/Views/CheckUpdateView.axaml b/v2rayN/v2rayN.Desktop/Views/CheckUpdateView.axaml
index af6fda86756..407a7d9cbce 100644
--- a/v2rayN/v2rayN.Desktop/Views/CheckUpdateView.axaml
+++ b/v2rayN/v2rayN.Desktop/Views/CheckUpdateView.axaml
@@ -43,7 +43,8 @@
             <ListBox
                 x:Name="lstCheckUpdates"
                 BorderThickness="1"
-                ItemsSource="{Binding CheckUpdateModels}">
+                ItemsSource="{Binding CheckUpdateModels}"
+                Theme="{StaticResource ButtonRadioGroupListBox}">
                 <ItemsControl.ItemsPanel>
                     <ItemsPanelTemplate>
                         <StackPanel Orientation="Vertical" />
diff --git a/v2rayN/v2rayN.Desktop/Views/ClashProxiesView.axaml b/v2rayN/v2rayN.Desktop/Views/ClashProxiesView.axaml
index c260f4ce9d5..98a1d3a6540 100644
--- a/v2rayN/v2rayN.Desktop/Views/ClashProxiesView.axaml
+++ b/v2rayN/v2rayN.Desktop/Views/ClashProxiesView.axaml
@@ -95,7 +95,8 @@
             <ListBox
                 x:Name="lstProxyGroups"
                 DockPanel.Dock="Left"
-                ItemsSource="{Binding ProxyGroups}">
+                ItemsSource="{Binding ProxyGroups}"
+                Theme="{StaticResource ButtonRadioGroupListBox}">
                 <ItemsControl.ItemsPanel>
                     <ItemsPanelTemplate>
                         <StackPanel Orientation="Vertical" />
@@ -105,24 +106,25 @@
                     <DataTemplate>
                         <Border
                             Width="160"
-                            Margin="-6"
+                            Margin="-8,-4"
                             Padding="0"
                             Theme="{StaticResource CardBorder}">
-                            <DockPanel>
-                                <Grid Classes="Margin8" RowDefinitions="1*,8,1*">
-                                    <DockPanel Grid.Row="0">
-                                        <TextBlock DockPanel.Dock="Right" Text="{Binding Type}" />
-                                        <TextBlock Text="{Binding Name}" />
-                                    </DockPanel>
-                                    <TextBlock Grid.Row="2" Text="{Binding Now}" />
-                                </Grid>
-                            </DockPanel>
+                            <Grid Classes="Margin8" RowDefinitions="1*,8,1*">
+                                <DockPanel Grid.Row="0">
+                                    <TextBlock DockPanel.Dock="Right" Text="{Binding Type}" />
+                                    <TextBlock Text="{Binding Name}" />
+                                </DockPanel>
+                                <TextBlock Grid.Row="2" Text="{Binding Now}" />
+                            </Grid>
                         </Border>
                     </DataTemplate>
                 </ItemsControl.ItemTemplate>
             </ListBox>
 
-            <ListBox x:Name="lstProxyDetails" ItemsSource="{Binding ProxyDetails}">
+            <ListBox
+                x:Name="lstProxyDetails"
+                ItemsSource="{Binding ProxyDetails}"
+                Theme="{StaticResource ButtonRadioGroupListBox}">
                 <ItemsControl.ContextMenu>
                     <ContextMenu>
                         <MenuItem x:Name="menuProxiesDelaytestPart" Header="{x:Static resx:ResUI.menuProxiesDelaytestPart}" />
@@ -138,7 +140,7 @@
                     <DataTemplate>
                         <Border
                             Width="160"
-                            Margin="-6"
+                            Margin="-12,-4"
                             Padding="0"
                             Theme="{StaticResource CardBorder}">
                             <DockPanel>
diff --git a/v2rayN/v2rayN.Desktop/Views/MainWindow.axaml b/v2rayN/v2rayN.Desktop/Views/MainWindow.axaml
index 35f558aae9a..05943ec0195 100644
--- a/v2rayN/v2rayN.Desktop/Views/MainWindow.axaml
+++ b/v2rayN/v2rayN.Desktop/Views/MainWindow.axaml
@@ -150,71 +150,20 @@
                         x:Name="tabMain1"
                         Grid.Row="2"
                         TabStripPlacement="Left">
-                        <TabItem x:Name="tabMsgView1">
-                            <TabItem.Header>
-                                <StackPanel>
-
-                                    <TextBlock HorizontalAlignment="Center" Text="{x:Static resx:ResUI.MsgInformationTitle}" />
-                                </StackPanel>
-                            </TabItem.Header>
-                        </TabItem>
-                        <TabItem x:Name="tabClashProxies1">
-                            <TabItem.Header>
-                                <StackPanel>
-
-                                    <TextBlock HorizontalAlignment="Center" Text="{x:Static resx:ResUI.TbProxies}" />
-                                </StackPanel>
-                            </TabItem.Header>
-                        </TabItem>
-                        <TabItem x:Name="tabClashConnections1">
-                            <TabItem.Header>
-                                <StackPanel>
-
-                                    <TextBlock HorizontalAlignment="Center" Text="{x:Static resx:ResUI.TbConnections}" />
-                                </StackPanel>
-                            </TabItem.Header>
-                        </TabItem>
+                        <TabItem x:Name="tabMsgView1" Header="{x:Static resx:ResUI.MsgInformationTitle}" />
+                        <TabItem x:Name="tabClashProxies1" Header="{x:Static resx:ResUI.TbProxies}" />
+                        <TabItem x:Name="tabClashConnections1" Header="{x:Static resx:ResUI.TbConnections}" />
                     </TabControl>
                 </Grid>
                 <Grid x:Name="gridMain2" IsVisible="False">
                     <TabControl x:Name="tabMain2" TabStripPlacement="Left">
-                        <TabItem x:Name="tabProfiles2">
-                            <TabItem.Header>
-                                <StackPanel>
-
-                                    <TextBlock HorizontalAlignment="Center" Text="{x:Static resx:ResUI.menuServers}" />
-                                </StackPanel>
-                            </TabItem.Header>
-                        </TabItem>
-                        <TabItem x:Name="tabMsgView2">
-                            <TabItem.Header>
-                                <StackPanel>
-
-                                    <TextBlock HorizontalAlignment="Center" Text="{x:Static resx:ResUI.MsgInformationTitle}" />
-                                </StackPanel>
-                            </TabItem.Header>
-                        </TabItem>
-                        <TabItem x:Name="tabClashProxies2">
-                            <TabItem.Header>
-                                <StackPanel>
-
-                                    <TextBlock HorizontalAlignment="Center" Text="{x:Static resx:ResUI.TbProxies}" />
-                                </StackPanel>
-                            </TabItem.Header>
-                        </TabItem>
-                        <TabItem x:Name="tabClashConnections2">
-                            <TabItem.Header>
-                                <StackPanel>
-
-                                    <TextBlock HorizontalAlignment="Center" Text="{x:Static resx:ResUI.TbConnections}" />
-                                </StackPanel>
-                            </TabItem.Header>
-                        </TabItem>
+                        <TabItem x:Name="tabProfiles2" Header="{x:Static resx:ResUI.menuServers}" />
+                        <TabItem x:Name="tabMsgView2" Header="{x:Static resx:ResUI.MsgInformationTitle}" />
+                        <TabItem x:Name="tabClashProxies2" Header="{x:Static resx:ResUI.TbProxies}" />
+                        <TabItem x:Name="tabClashConnections2" Header="{x:Static resx:ResUI.TbConnections}" />
                     </TabControl>
                 </Grid>
-
             </Grid>
-
         </DockPanel>
     </dialogHost:DialogHost>
 </Window>
\ No newline at end of file
diff --git a/v2rayN/v2rayN.Desktop/Views/ProfilesView.axaml.cs b/v2rayN/v2rayN.Desktop/Views/ProfilesView.axaml.cs
index 4f66d926c35..07d2733ee6e 100644
--- a/v2rayN/v2rayN.Desktop/Views/ProfilesView.axaml.cs
+++ b/v2rayN/v2rayN.Desktop/Views/ProfilesView.axaml.cs
@@ -15,7 +15,12 @@ namespace v2rayN.Desktop.Views
     public partial class ProfilesView : ReactiveUserControl<ProfilesViewModel>
     {
         private static Config _config;
-        private Window _window;
+        private Window? _window;
+
+        public ProfilesView()
+        {
+            InitializeComponent();
+        }
 
         public ProfilesView(Window window)
         {
diff --git a/v2rayN/v2rayN.Desktop/Views/QrcodeView.axaml b/v2rayN/v2rayN.Desktop/Views/QrcodeView.axaml
index 1a0e150fb9a..d6a6f70ff48 100644
--- a/v2rayN/v2rayN.Desktop/Views/QrcodeView.axaml
+++ b/v2rayN/v2rayN.Desktop/Views/QrcodeView.axaml
@@ -4,12 +4,10 @@
     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:resx="clr-namespace:ServiceLib.Resx;assembly=ServiceLib"
     d:DesignHeight="480"
     d:DesignWidth="400"
     mc:Ignorable="d">
     <Grid Margin="30" RowDefinitions="Auto,Auto">
-
         <Image
             Name="imgQrcode"
             Width="300"
@@ -24,6 +22,5 @@
             IsReadOnly="True"
             MaxLines="1" />
 
-
     </Grid>
 </UserControl>
\ No newline at end of file
diff --git a/v2rayN/v2rayN.Desktop/Views/QrcodeView.axaml.cs b/v2rayN/v2rayN.Desktop/Views/QrcodeView.axaml.cs
index dc7273bec49..93c0aaecace 100644
--- a/v2rayN/v2rayN.Desktop/Views/QrcodeView.axaml.cs
+++ b/v2rayN/v2rayN.Desktop/Views/QrcodeView.axaml.cs
@@ -5,6 +5,11 @@ namespace v2rayN.Desktop.Views
 {
     public partial class QrcodeView : UserControl
     {
+        public QrcodeView()
+        {
+            InitializeComponent();
+        }
+
         public QrcodeView(string? url)
         {
             InitializeComponent();