ADP/MonitorModule/Views/MonitorViewView.xaml

<UserControl x:Class="MonitorModule.Views.MonitorView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:prism="http://prismlibrary.com/"
             xmlns:b="clr-namespace:UIShare.Behaviors;assembly=UIShare"
             xmlns:converters="clr-namespace:UIShare.Converters;assembly=UIShare"
             xmlns:oxy="http://oxyplot.org/wpf"
             prism:ViewModelLocator.AutoWireViewModel="True"
             mc:Ignorable="d"
             d:DesignHeight="700"
             d:DesignWidth="1200">
    <UserControl.Resources>
        <converters:LessThanConverter x:Key="LessThanConverter"/>
    </UserControl.Resources>

    <!-- 外层 Border：装 MouseDoubleClickBehavior 实现九宫格双击展开 -->
    <Border Background="#F5F7FA">
        <i:Interaction.Behaviors>
            <b:MouseDoubleClickBehavior
                Command="{Binding DataContext.RefreshCommand, RelativeSource={RelativeSource AncestorType=UserControl}}"/>
        </i:Interaction.Behaviors>

        <!-- 给最外层 Grid 命名，方便子控件 DataTrigger 监听 ActualWidth -->
        <Grid x:Name="RootGrid" Margin="8">
            <Grid.RowDefinitions>
                <!-- Row0 标题：窄宽时折叠为 0 高度 -->
                <RowDefinition>
                    <RowDefinition.Style>
                        <Style TargetType="RowDefinition">
                            <Setter Property="Height" Value="Auto"/>
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding ActualWidth, ElementName=RootGrid, Converter={StaticResource LessThanConverter}, ConverterParameter=600}" Value="True">
                                    <Setter Property="Height" Value="0"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </RowDefinition.Style>
                </RowDefinition>
                <!-- Row1 工具栏：窄宽时折叠为 0 -->
                <RowDefinition>
                    <RowDefinition.Style>
                        <Style TargetType="RowDefinition">
                            <Setter Property="Height" Value="Auto"/>
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding ActualWidth, ElementName=RootGrid, Converter={StaticResource LessThanConverter}, ConverterParameter=600}" Value="True">
                                    <Setter Property="Height" Value="0"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </RowDefinition.Style>
                </RowDefinition>
                <!-- Row2 主体（图表区） -->
                <RowDefinition Height="*"/>
                <!-- Row3 状态栏：窄宽时折叠为 0 -->
                <RowDefinition>
                    <RowDefinition.Style>
                        <Style TargetType="RowDefinition">
                            <Setter Property="Height" Value="Auto"/>
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding ActualWidth, ElementName=RootGrid, Converter={StaticResource LessThanConverter}, ConverterParameter=600}" Value="True">
                                    <Setter Property="Height" Value="0"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </RowDefinition.Style>
                </RowDefinition>
            </Grid.RowDefinitions>

            <!-- ====== Row0：标题 ====== -->
            <TextBlock Grid.Row="0"
                       Text="{Binding TestStatus, StringFormat=监控界面 - {0}}"
                       FontSize="20" FontWeight="Bold"
                       Margin="4,0,0,8">
                <TextBlock.Style>
                    <Style TargetType="TextBlock">
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding ActualWidth, ElementName=RootGrid, Converter={StaticResource LessThanConverter}, ConverterParameter=600}" Value="True">
                                <Setter Property="Visibility" Value="Collapsed"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </TextBlock.Style>
            </TextBlock>

            <!-- ====== Row1：工具栏 ====== -->
            <Border Grid.Row="1"
                    Background="White"
                    BorderBrush="#DDD" BorderThickness="1"
                    CornerRadius="4" Padding="8" Margin="0,0,0,6">
                <Border.Style>
                    <Style TargetType="Border">
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding ActualWidth, ElementName=RootGrid, Converter={StaticResource LessThanConverter}, ConverterParameter=600}" Value="True">
                                <Setter Property="Visibility" Value="Collapsed"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Border.Style>
                <StackPanel Orientation="Horizontal">
                    <Button Content="+ 添加信号"
                            Command="{Binding AddSignalCommand}"
                            Padding="12,4"/>
                    <Button Content="− 删除信号"
                            Command="{Binding DeleteSignalCommand}"
                            Padding="12,4" Margin="6,0,0,0"/>
                    <Button Content="↺ 复原视图"
                            Command="{Binding ResetViewCommand}"
                            Padding="12,4" Margin="20,0,0,0"
                            ToolTip="按数据范围重置坐标轴缩放/平移"/>
                    <Button Content="⟳ 刷新"
                            Command="{Binding RefreshDataCommand}"
                            Padding="12,4" Margin="6,0,0,0"
                            ToolTip="重新绘制图表"/>
                </StackPanel>
            </Border>

            <!-- ====== Row2：主体（左信号列表 + 右图表）====== -->
            <Grid Grid.Row="2">
                <Grid.ColumnDefinitions>
                    <!-- Col0 信号列表：窄宽时折叠为 0 宽 -->
                    <ColumnDefinition>
                        <ColumnDefinition.Style>
                            <Style TargetType="ColumnDefinition">
                                <Setter Property="Width" Value="220"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding ActualWidth, ElementName=RootGrid, Converter={StaticResource LessThanConverter}, ConverterParameter=600}" Value="True">
                                        <Setter Property="Width" Value="0"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </ColumnDefinition.Style>
                    </ColumnDefinition>
                    <!-- Col1 拖拽条：窄宽时折叠为 0 宽 -->
                    <ColumnDefinition>
                        <ColumnDefinition.Style>
                            <Style TargetType="ColumnDefinition">
                                <Setter Property="Width" Value="6"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding ActualWidth, ElementName=RootGrid, Converter={StaticResource LessThanConverter}, ConverterParameter=600}" Value="True">
                                        <Setter Property="Width" Value="0"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </ColumnDefinition.Style>
                    </ColumnDefinition>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>

                <!-- 左：信号列表（窄宽时整体隐藏） -->
                <Border Grid.Column="0"
                        Background="White"
                        BorderBrush="#DDD" BorderThickness="1"
                        CornerRadius="4">
                    <Border.Style>
                        <Style TargetType="Border">
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding ActualWidth, ElementName=RootGrid, Converter={StaticResource LessThanConverter}, ConverterParameter=600}" Value="True">
                                    <Setter Property="Visibility" Value="Collapsed"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Border.Style>
                    <DockPanel>
                        <Border DockPanel.Dock="Top"
                                Background="#ECEFF4"
                                Padding="8,4">
                            <TextBlock Text="信号列表" FontWeight="Bold"/>
                        </Border>
                        <ListBox ItemsSource="{Binding Signals}"
                                 SelectedItem="{Binding SelectedSignal}"
                                 BorderThickness="0">
                            <ListBox.ItemTemplate>
                                <DataTemplate>
                                    <StackPanel Orientation="Horizontal" Margin="2">
                                        <Border Width="12" Height="12"
                                                CornerRadius="2"
                                                Background="#888"
                                                VerticalAlignment="Center"/>
                                        <TextBlock Text="{Binding Name}"
                                                   Margin="6,0,0,0"
                                                   VerticalAlignment="Center"/>
                                    </StackPanel>
                                </DataTemplate>
                            </ListBox.ItemTemplate>
                        </ListBox>
                    </DockPanel>
                </Border>

                <GridSplitter Grid.Column="1"
                              HorizontalAlignment="Stretch"
                              Background="Transparent">
                    <GridSplitter.Style>
                        <Style TargetType="GridSplitter">
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding ActualWidth, ElementName=RootGrid, Converter={StaticResource LessThanConverter}, ConverterParameter=600}" Value="True">
                                    <Setter Property="Visibility" Value="Collapsed"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </GridSplitter.Style>
                </GridSplitter>

                <!-- 右：OxyPlot 图表（核心，始终显示） -->
                <Border Grid.Column="2"
                        Background="White"
                        BorderBrush="#DDD" BorderThickness="1"
                        CornerRadius="4">
                    <oxy:PlotView Model="{Binding Plot}"
                                  Background="Transparent"/>
                </Border>
            </Grid>

            <!-- ====== Row3：状态栏 ====== -->
            <Border Grid.Row="3"
                    Background="#ECEFF4"
                    Padding="8,4" Margin="0,6,0,0"
                    CornerRadius="2">
                <Border.Style>
                    <Style TargetType="Border">
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding ActualWidth, ElementName=RootGrid, Converter={StaticResource LessThanConverter}, ConverterParameter=600}" Value="True">
                                <Setter Property="Visibility" Value="Collapsed"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Border.Style>
                <TextBlock Text="{Binding StatusMessage}"
                           Foreground="#444"
                           FontSize="12"/>
            </Border>
        </Grid>
    </Border>
</UserControl>