#0012 优化主界面布局

This commit is contained in:
zhengxuan.zhang
2026-03-14 17:24:42 +08:00
parent df5bfb14f3
commit 5589d8591d
5 changed files with 76 additions and 76 deletions
+1
View File
@@ -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>
+39 -66
View File
@@ -1712,78 +1712,51 @@
</telerik:RadRibbonView.ContextualGroups>
</telerik:RadRibbonView>
<!-- Row 1: 主内容区 - Dock 布局 -->
<telerik:RadDocking
x:Name="radDocking"
<!-- Row 1: 主内容区 - 比例布局 -->
<Grid
Grid.Row="1"
Grid.ColumnSpan="3"
Margin="0,0,0,24"
HasDocumentHost="True">
<!-- 中间: 文档区域 -->
<telerik:RadDocking.DocumentHost>
<telerik:RadSplitContainer>
<telerik:RadPaneGroup>
<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>
Margin="0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="180" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="200" />
<ColumnDefinition Width="200" />
</Grid.ColumnDefinitions>
<!-- 左侧: 计划导航 -->
<telerik:RadSplitContainer InitialPosition="DockedLeft" Width="220">
<telerik:RadPaneGroup>
<telerik:RadPane
Header="计划"
CanUserClose="False"
CanFloat="False">
<views:NavigationPanelView />
</telerik:RadPane>
</telerik:RadPaneGroup>
</telerik:RadSplitContainer>
<views:NavigationPanelView Grid.Column="0" />
<!-- 中间: 2D Viewport -->
<Border
Grid.Column="1"
BorderBrush="#DDDDDD"
BorderThickness="1,0,1,0">
<views:ViewportPanelView />
</Border>
<!-- 中间: 图像 -->
<Border
Grid.Column="2"
BorderBrush="#DDDDDD"
BorderThickness="0,0,1,0">
<views:ImagePanelView />
</Border>
<!-- 右侧: 属性面板 -->
<telerik:RadSplitContainer InitialPosition="DockedRight" Width="220" Orientation="Vertical">
<telerik:RadPaneGroup>
<telerik:RadPane
Header="射线源"
CanUserClose="False">
<views:RaySourcePanelView />
</telerik:RadPane>
</telerik:RadPaneGroup>
<telerik:RadPaneGroup>
<telerik:RadPane
Header="运动控制"
CanUserClose="False">
<views:MotionControlPanelView />
</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>
<Grid Grid.Column="3">
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<views:RaySourcePanelView Grid.Row="0" />
<views:MotionControlPanelView Grid.Row="1" />
<views:DetectorPanelView Grid.Row="2" />
<views:NavigationPropertyPanelView Grid.Row="3" />
</Grid>
</Grid>
<!-- Row 2: 状态栏 -->
<Border
@@ -12,11 +12,23 @@
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Border Grid.Row="0" Background="#F0F0F0" BorderBrush="#DDDDDD" BorderThickness="0,0,0,1">
<TextBlock Margin="8,4" HorizontalAlignment="Left" VerticalAlignment="Center"
FontWeight="SemiBold" Foreground="#333333" Text="导航" />
<Border
Grid.Row="0"
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>
+19 -5
View File
@@ -12,11 +12,25 @@
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Border Grid.Row="0" Background="#F0F0F0" BorderBrush="#DDDDDD" BorderThickness="0,0,0,1">
<TextBlock Margin="8,4" HorizontalAlignment="Left" VerticalAlignment="Center"
FontWeight="SemiBold" Foreground="#333333" Text="2D Viewport" />
<Border
Grid.Row="0"
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"
FontSize="18" Foreground="#999999" Text="2D Viewport" />
<TextBlock
Grid.Row="1"
HorizontalAlignment="Center"
VerticalAlignment="Center"
FontSize="18"
Foreground="#999999"
Text="2D Viewport" />
</Grid>
</UserControl>
+1 -1
View File
@@ -12,4 +12,4 @@
2026.3.14
----------------------
1、主页面的布局与拆分Dock 化
1、主页面的布局与拆分 √