CtrEditor/MainWindow.xaml

<Window
        xmlns:ctreditor="clr-namespace:CtrEditor" 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:Siemens="clr-namespace:CtrEditor.Siemens"
        xmlns:convert="clr-namespace:CtrEditor.Convertidores"
        xmlns:ObjetosSim="clr-namespace:CtrEditor.ObjetosSim" x:Class="CtrEditor.MainWindow"
        Height="900" Width="1600" WindowState="Maximized"
        ResizeMode="CanResize" Title="{Binding directorioTrabajo}" Icon="/app2.png">

    <Window.DataContext>
        <ctreditor:MainViewModel/>
    </Window.DataContext>

    <Window.Resources>
        <convert:FloatToFormattedStringConverter x:Key="floatFormatter"/>
        <convert:BrushToColorNameConverter x:Key="BrushToColorNameConverter"/>

        <!-- Style for Start/Stop Button -->
        <Style x:Key="StartStopButtonStyle" TargetType="Button">
            <Setter Property="Background" Value="Transparent"/>
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsSimulationRunning}" Value="True">
                    <Setter Property="Background" Value="LightGreen"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>

        <!-- Style for Connect/Disconnect Button -->
        <Style x:Key="ConnectDisconnectButtonStyle" TargetType="Button">
            <Setter Property="Background" Value="Transparent"/>
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsConnected}" Value="True">
                    <Setter Property="Background" Value="LightGreen"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>

    <Grid>
        <!-- Menú Principal sobre toda la ventana -->
        <Menu VerticalAlignment="Top" HorizontalAlignment="Stretch">
            <MenuItem Header="Projecto">
                <MenuItem Header="Abrir Directorio de trabajo" Command="{Binding OpenWorkDirectoryCommand}" />
                <MenuItem Header="Iniciar Simulacion" Command="{Binding StartSimulationCommand}" />
                <MenuItem Header="Detenet Simulacion" Command="{Binding StopSimulationCommand}" />
                <MenuItem Header="Guardar" Command="{Binding SaveCommand}" />
                <MenuItem Header="Salir" Command="{Binding ExitCommand}" />
            </MenuItem>
        </Menu>

        <Grid Margin="0,20,0,0">
            <!-- Margen superior para el menú -->
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="1*" MinWidth="100"/>
                <ColumnDefinition Width="8*" MinWidth="200"/>
                <ColumnDefinition Width="2*" MinWidth="100"/>
            </Grid.ColumnDefinitions>

            <!-- Primera Columna -->
            <Grid Grid.Column="0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="1*"/>
                    <RowDefinition Height="2*"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <ListBox x:Name="ListaImagenes" Grid.Row="0"  Margin="5" ItemsSource="{Binding listaImagenes}" SelectedItem="{Binding SelectedImage}" />
                <ListBox x:Name="ListaFunciones" Grid.Row="1" Margin="5" ItemsSource="{Binding ListaOsBase}" DisplayMemberPath="Nombre" SelectedItem="{Binding SelectedItem}">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="MouseDoubleClick">
                            <i:InvokeCommandAction Command="{Binding ItemDoubleClickCommand}" CommandParameter="{Binding SelectedItem}"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </ListBox>
                <Siemens:PLCControl x:Name="PLCSim" Grid.Row="2" Margin="5" DataContext="{Binding PLCViewModel}"/>
            </Grid>
            <!-- GridSplitter -->
            <GridSplitter Grid.Column="0" Grid.Row="0" HorizontalAlignment="Right" Width="5" Background="LightGray" />

            <!-- Segunda Columna -->
            <Grid Grid.Column="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>

                <ToolBarTray Grid.Row="0">
                    <ToolBar>
                        <Button Command="{Binding TBStartSimulationCommand}" ToolTip="Iniciar Simulación" Style="{StaticResource StartStopButtonStyle}">
                            <StackPanel>
                                <Image Source="Icons/start.png" Width="16" Height="16"/>
                                <TextBlock Text="Iniciar"/>
                            </StackPanel>
                        </Button>
                        <Button Command="{Binding TBStopSimulationCommand}" ToolTip="Detener Simulación">
                            <StackPanel>
                                <Image Source="Icons/stop.png" Width="16" Height="16"/>
                                <TextBlock Text="Detener"/>
                            </StackPanel>
                        </Button>
                        <Button Command="{Binding TBSaveCommand}" ToolTip="Guardar">
                            <StackPanel>
                                <Image Source="Icons/save.png" Width="16" Height="16"/>
                                <TextBlock Text="Guardar"/>
                            </StackPanel>
                        </Button>
                        <Button Command="{Binding TBConnectPLCCommand}" ToolTip="Conectar PLC" Style="{StaticResource ConnectDisconnectButtonStyle}">
                            <StackPanel>
                                <Image Source="Icons/connect.png" Width="16" Height="16"/>
                                <TextBlock Text="Conectar"/>
                            </StackPanel>
                        </Button>
                        <Button Command="{Binding TBDisconnectPLCCommand}" ToolTip="Desconectar PLC">
                            <StackPanel>
                                <Image Source="Icons/disconnect.png" Width="16" Height="16"/>
                                <TextBlock Text="Desconectar"/>
                            </StackPanel>
                        </Button>
                    </ToolBar>
                </ToolBarTray>

                <ScrollViewer Grid.Row="1" x:Name="ImagenEnTrabajoScrollViewer" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" PanningMode="Both">
                    <Canvas x:Name="ImagenEnTrabajoCanvas" Margin="200">
                        <!-- El Margin puede ser ajustado según el espacio adicional que quieras proporcionar -->
                        <Canvas.LayoutTransform>
                            <ScaleTransform ScaleX="1" ScaleY="1"/>
                        </Canvas.LayoutTransform>
                    </Canvas>
                </ScrollViewer>
            </Grid>

            <!-- GridSplitter -->
            <GridSplitter Grid.Column="1" Grid.Row="0" HorizontalAlignment="Right" Width="5" Background="LightGray" />

            <!-- Tercera Columna -->
            <Grid Grid.Column="2">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*" />
                    <!-- Altura ajustable para el ListBox -->
                    <RowDefinition Height="Auto" />
                    <!-- Espacio para el GridSplitter -->
                    <RowDefinition Height="*" />
                    <!-- Altura ajustable para el PanelEdicion -->
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>

                <!-- ListBox -->
                <ListBox x:Name="ListaOs"
             Grid.Row="0"
             Margin="5"
             ItemsSource="{Binding ObjetosSimulables}"
             DisplayMemberPath="Nombre"
             SelectedItem="{Binding SelectedItemOsList, Mode=TwoWay}"
             SelectionChanged="ListaOs_SelectionChanged"/>

                <!-- GridSplitter -->
                <GridSplitter Grid.Row="1"
                  Height="5"
                  HorizontalAlignment="Stretch"
                  Background="Gray"
                  ResizeDirection="Rows"
                  VerticalAlignment="Center"/>

                <!-- PanelEdicion -->
                <ScrollViewer Grid.Row="2" Margin="5" VerticalScrollBarVisibility="Auto">
                    <StackPanel x:Name="PanelEdicion">
                        <!-- Aquí puedes agregar los controles para editar propiedades -->
                    </StackPanel>
                </ScrollViewer>

                <ToolBarTray Grid.Row="3">
                    <ToolBar>
                        <Button Command="{Binding TBEliminarUserControlCommand}" ToolTip="Eliminar Control">
                            <StackPanel>
                                <Image Source="Icons/borrar.png" Width="16" Height="16"/>
                                <TextBlock Text="Eliminar"/>
                            </StackPanel>
                        </Button>
                        <Button Command="{Binding TBDuplicarUserControlCommand}" ToolTip="Duplicar Control">
                            <StackPanel>
                                <Image Source="Icons/duplicate.png" Width="16" Height="16"/>
                                <TextBlock Text="Duplicar"/>
                            </StackPanel>
                        </Button>
                    </ToolBar>
                </ToolBarTray>

            </Grid>

        </Grid>
    </Grid>
</Window>