huadongmocaceshiyi/MainWindow.xaml

<Window x:Class="PLCDataMonitor.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        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:local="clr-namespace:PLCDataMonitor"
        mc:Ignorable="d"
        Title="PLC压力与摩擦力监控系统" Height="600" Width="1000" 
        Closing="Window_Closing" WindowStyle="SingleBorderWindow"
        ResizeMode="CanResizeWithGrip" FontFamily="Microsoft YaHei" Loaded="Window_Loaded">

    <Grid>
        <!-- 定义3行布局：导航栏60px + 内容区自适应 + 底部栏40px -->
        <Grid.RowDefinitions>
            <RowDefinition Height="60"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="40"/>
        </Grid.RowDefinitions>

        <!-- 背景图：最下层，覆盖整个窗口 -->
        <Image Source="Img/background.jpg" 
               Stretch="UniformToFill" 
               Opacity="0.15" 
               Panel.ZIndex="-1" 
               Grid.RowSpan="3"/>

        <!-- 顶部导航栏：用Grid列布局替代Width="*"，解决错误 -->
        <Grid Grid.Row="0" Background="#2C3E50" Panel.ZIndex="10">
            <!-- 关键：定义2列布局，左侧自适应（导航按钮），右侧占满剩余空间（连接区域） -->
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <!-- 左侧：导航按钮，宽度自适应 -->
                <ColumnDefinition Width="*"/>
                <!-- 右侧：连接区域，占满剩余空间 -->
            </Grid.ColumnDefinitions>

            <!-- 左侧：系统标题 + 导航按钮 -->
            <StackPanel Grid.Column="0" Orientation="Horizontal" Margin="20,0" VerticalAlignment="Center">
                <TextBlock Text="PLC监控系统" FontSize="22" FontWeight="Bold" 
                           Foreground="White" Margin="0,0,40,0"/>

                <Button x:Name="BtnHome" Content="数据监控" Width="120" Height="40" 
                        FontSize="16" Background="#3498DB" Foreground="White"
                        BorderThickness="0" Margin="0,0,10,0" Click="BtnHome_Click"/>

                <Button x:Name="BtnReport" Content="报表记录" Width="120" Height="40" 
                        FontSize="16" Background="#2C3E50" Foreground="White"
                        BorderThickness="0" Margin="0,0,10,0" Click="BtnReport_Click"/>

                <Button x:Name="BtnCurve" Content="曲线记录" Width="120" Height="40" 
                        FontSize="16" Background="#2C3E50" Foreground="White"
                        BorderThickness="0" Margin="0,0,10,0" Click="BtnCurve_Click"/>
            </StackPanel>

            <!-- 右侧：PLC连接区域 + 连接状态 + IP/端口 + 连接按钮 -->
            <StackPanel Grid.Column="1" Orientation="Horizontal" 
            HorizontalAlignment="Right"
            VerticalAlignment="Center"
            Margin="0,0,20,0">
                <!-- IP和端口显示 -->
                <TextBlock x:Name="TxtPLCIP" Text="IP: " FontSize="12" Foreground="White" Margin="0,0,5,0" VerticalAlignment="Center"/>
                <TextBlock x:Name="TxtPLCIPValue" Text="192.168.1.170" FontSize="12" Foreground="White" Margin="0,0,15,0" VerticalAlignment="Center"/>
                <TextBlock x:Name="TxtPLCPort" Text="Port: " FontSize="12" Foreground="White" Margin="0,0,5,0" VerticalAlignment="Center"/>
                <TextBlock x:Name="TxtPLCPortValue" Text="502" FontSize="12" Foreground="White" Margin="0,0,15,0" VerticalAlignment="Center"/>

                <!-- 连接按钮 -->
                <Button x:Name="BtnConnectPLC" Content="连接PLC" Width="80" Height="30" 
            FontSize="12" Background="#27AE60" Foreground="White"
            BorderThickness="0" Margin="10,0,0,0" Click="ConnectButton_Click"/>

                <!-- 连接状态指示 -->
                <StackPanel Orientation="Horizontal" Margin="15,0,0,0"
                VerticalAlignment="Center">
                    <Ellipse Width="18" Height="18" Fill="{Binding StatusColor}" 
                 Margin="0,0,8,0"/>
                    <TextBlock Text="{Binding ConnectionStatus}" 
                   FontSize="12" Foreground="White"/>
                </StackPanel>
            </StackPanel>
        </Grid>

        <!-- 中间内容区域 -->
        <Frame x:Name="MainContentFrame" 
               Grid.Row="1" 
               Margin="20" 
               BorderThickness="0" 
               NavigationUIVisibility="Hidden"
               Panel.ZIndex="5"/>

        <!-- 底部信息栏 -->
        <Grid Grid.Row="2" Background="#ECF0F1" Panel.ZIndex="10">
            <TextBlock Text="© 2025 PLC监控系统 | 数据刷新间隔：100ms" 
                       FontSize="12" Foreground="#7F8C8D" 
                       HorizontalAlignment="Center" VerticalAlignment="Center"/>
        </Grid>
    </Grid>
</Window>