#0012 优化主界面布局

XplorePlane/App.xaml

@@ -10,6 +10,7 @@
                 <ResourceDictionary Source="/Telerik.Windows.Themes.Office2013;component/Themes/Telerik.Windows.Controls.xaml"/>
                 <ResourceDictionary Source="/Telerik.Windows.Themes.Office2013;component/Themes/Telerik.Windows.Controls.Input.xaml"/>
                 <ResourceDictionary Source="/Telerik.Windows.Themes.Office2013;component/Themes/Telerik.Windows.Controls.Navigation.xaml"/>
+                <ResourceDictionary Source="/Telerik.Windows.Themes.Office2013;component/Themes/Telerik.Windows.Controls.Docking.xaml"/>
                 <ResourceDictionary Source="/Telerik.Windows.Themes.Office2013;component/Themes/Telerik.Windows.Controls.RibbonView.xaml"/>
                 <ResourceDictionary Source="/Telerik.Windows.Themes.Office2013;component/Themes/Telerik.Windows.Controls.Data.xaml"/>
             </ResourceDictionary.MergedDictionaries>

XplorePlane/Views/MainWindow.xaml

@@ -1712,78 +1712,51 @@
             </telerik:RadRibbonView.ContextualGroups>
         </telerik:RadRibbonView>
 
-        <!--  Row 1: 主内容区 - Dock 布局  -->
+        <!--  Row 1: 主内容区 - 比例布局  -->
-        <telerik:RadDocking
+        <Grid
-            x:Name="radDocking"
             Grid.Row="1"
             Grid.ColumnSpan="3"
-            Margin="0,0,0,24"
+            Margin="0">
-            HasDocumentHost="True">
+            <Grid.ColumnDefinitions>
-
+                <ColumnDefinition Width="180" />
-            <!--  中间: 文档区域  -->
+                <ColumnDefinition Width="*" />
-            <telerik:RadDocking.DocumentHost>
+                <ColumnDefinition Width="200" />
-                <telerik:RadSplitContainer>
+                <ColumnDefinition Width="200" />
-                    <telerik:RadPaneGroup>
+            </Grid.ColumnDefinitions>
-                        <telerik:RadDocumentPane
-                            Header="2D Viewport"
-                            CanUserClose="False"
-                            Title="2D Viewport">
-                            <views:ViewportPanelView />
-                        </telerik:RadDocumentPane>
-                        <telerik:RadDocumentPane
-                            Header="图像"
-                            Title="图像">
-                            <views:ImagePanelView />
-                        </telerik:RadDocumentPane>
-                    </telerik:RadPaneGroup>
-                </telerik:RadSplitContainer>
-            </telerik:RadDocking.DocumentHost>
 
             <!--  左侧: 计划导航  -->
-            <telerik:RadSplitContainer InitialPosition="DockedLeft" Width="220">
+            <views:NavigationPanelView Grid.Column="0" />
-                <telerik:RadPaneGroup>
+
-                    <telerik:RadPane
+            <!--  中间: 2D Viewport  -->
-                        Header="计划"
+            <Border
-                        CanUserClose="False"
+                Grid.Column="1"
-                        CanFloat="False">
+                BorderBrush="#DDDDDD"
-                        <views:NavigationPanelView />
+                BorderThickness="1,0,1,0">
-                    </telerik:RadPane>
+                <views:ViewportPanelView />
-                </telerik:RadPaneGroup>
+            </Border>
-            </telerik:RadSplitContainer>
+
+            <!--  中间: 图像  -->
+            <Border
+                Grid.Column="2"
+                BorderBrush="#DDDDDD"
+                BorderThickness="0,0,1,0">
+                <views:ImagePanelView />
+            </Border>
 
             <!--  右侧: 属性面板  -->
-            <telerik:RadSplitContainer InitialPosition="DockedRight" Width="220" Orientation="Vertical">
+            <Grid Grid.Column="3">
-                <telerik:RadPaneGroup>
+                <Grid.RowDefinitions>
-                    <telerik:RadPane
+                    <RowDefinition Height="*" />
-                        Header="射线源"
+                    <RowDefinition Height="*" />
-                        CanUserClose="False">
+                    <RowDefinition Height="*" />
-                        <views:RaySourcePanelView />
+                    <RowDefinition Height="*" />
-                    </telerik:RadPane>
+                </Grid.RowDefinitions>
-                </telerik:RadPaneGroup>
+                <views:RaySourcePanelView Grid.Row="0" />
-                <telerik:RadPaneGroup>
+                <views:MotionControlPanelView Grid.Row="1" />
-                    <telerik:RadPane
+                <views:DetectorPanelView Grid.Row="2" />
-                        Header="运动控制"
+                <views:NavigationPropertyPanelView Grid.Row="3" />
-                        CanUserClose="False">
+            </Grid>
-                        <views:MotionControlPanelView />
+        </Grid>
-                    </telerik:RadPane>
-                </telerik:RadPaneGroup>
-                <telerik:RadPaneGroup>
-                    <telerik:RadPane
-                        Header="探测器"
-                        CanUserClose="False">
-                        <views:DetectorPanelView />
-                    </telerik:RadPane>
-                </telerik:RadPaneGroup>
-                <telerik:RadPaneGroup>
-                    <telerik:RadPane
-                        Header="导航"
-                        CanUserClose="False">
-                        <views:NavigationPropertyPanelView />
-                    </telerik:RadPane>
-                </telerik:RadPaneGroup>
-            </telerik:RadSplitContainer>
-
-        </telerik:RadDocking>
 
         <!--  Row 2: 状态栏  -->
         <Border

XplorePlane/Views/NavigationPropertyPanelView.xaml

@@ -12,11 +12,23 @@
             <RowDefinition Height="Auto" />
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
-        <Border Grid.Row="0" Background="#F0F0F0" BorderBrush="#DDDDDD" BorderThickness="0,0,0,1">
+        <Border
-            <TextBlock Margin="8,4" HorizontalAlignment="Left" VerticalAlignment="Center"
+            Grid.Row="0"
-                       FontWeight="SemiBold" Foreground="#333333" Text="导航" />
+            Background="#F0F0F0"
+            BorderBrush="#DDDDDD"
+            BorderThickness="0,0,0,1">
+            <TextBlock
+                Margin="8,4"
+                HorizontalAlignment="Left"
+                VerticalAlignment="Center"
+                FontWeight="SemiBold"
+                Foreground="#333333"
+                Text="导航" />
         </Border>
-        <ScrollViewer Grid.Row="1" VerticalScrollBarVisibility="Auto">
+        <ScrollViewer
+            Grid.Row="1"
+            Background="Black"
+            VerticalScrollBarVisibility="Auto">
             <StackPanel Margin="4" />
         </ScrollViewer>
     </Grid>

XplorePlane/Views/ViewportPanelView.xaml

@@ -12,11 +12,25 @@
             <RowDefinition Height="Auto" />
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
-        <Border Grid.Row="0" Background="#F0F0F0" BorderBrush="#DDDDDD" BorderThickness="0,0,0,1">
+        <Border
-            <TextBlock Margin="8,4" HorizontalAlignment="Left" VerticalAlignment="Center"
+            Grid.Row="0"
-                       FontWeight="SemiBold" Foreground="#333333" Text="2D Viewport" />
+            Background="#F0F0F0"
+            BorderBrush="#DDDDDD"
+            BorderThickness="0,0,0,1">
+            <TextBlock
+                Margin="8,4"
+                HorizontalAlignment="Left"
+                VerticalAlignment="Center"
+                FontWeight="SemiBold"
+                Foreground="#333333"
+                Text="2D" />
         </Border>
-        <TextBlock Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center"
+        <TextBlock
-                   FontSize="18" Foreground="#999999" Text="2D Viewport" />
+            Grid.Row="1"
+            HorizontalAlignment="Center"
+            VerticalAlignment="Center"
+            FontSize="18"
+            Foreground="#999999"
+            Text="2D Viewport" />
     </Grid>
 </UserControl>

XplorePlane/readme.txt

@@ -12,4 +12,4 @@
 
 2026.3.14
 ----------------------
-1、主页面的布局与拆分，Dock 化 √
+1、主页面的布局与拆分 √