ROIEditor/MainWindow.xaml

<Window x:Class="ROIEditor.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:ROIEditor"
        mc:Ignorable="d"
        Title="Editor de ROI" Height="1000" Width="1600" HorizontalAlignment="Center" VerticalAlignment="Center">
    <Window.Resources>
        <Style x:Key="TextBoxPlaceholderStyle" TargetType="TextBox">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TextBox">
                        <Grid>
                            <TextBox IsHitTestVisible="False" Text="{TemplateBinding Tag}" FontStyle="Italic" Foreground="Gray" Background="Transparent" BorderThickness="0" IsReadOnly="True"/>
                            <ScrollViewer x:Name="PART_ContentHost"/>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <DockPanel LastChildFill="True">
        <!-- Campo de texto y botón para directorio de trabajo en la parte superior -->
        <Grid DockPanel.Dock="Top" Height="25" Margin="5">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <!-- Esta columna ocupa todo el espacio disponible -->
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <!-- Esta columna ocupa solo el espacio necesario para el contenido, en este caso, el botón -->
            </Grid.ColumnDefinitions>
            <TextBox x:Name="DirectorioTrabajo" Grid.Column="0" Margin="5,0"/>
            <Button x:Name="SeleccionarDirectorio" Grid.Column="1" Width="130" Content="Seleccionar Directorio" Margin="5,0" Click="SeleccionarDirectorio_Click"/>
            <Button x:Name="LeerDirectorio" Grid.Column="2" Width="130" Content="Leer Directorio" Margin="5,0" Click="LeerDirectorio_Click"/>
        </Grid>

        <!-- Panel izquierdo para la lista de imágenes y funciones -->
        <Grid DockPanel.Dock="Left" Width="200" Margin="5">
            <Grid.RowDefinitions>
                <RowDefinition Height="3*"/>
                <!-- Esta fila ocupará 1/3 del espacio disponible -->
                <RowDefinition Height="1*"/>
                <!-- Esta fila ocupará 2/3 del espacio disponible -->
            </Grid.RowDefinitions>
            <ListBox x:Name="ListaImagenes" Grid.Row="0" Margin="0,5,0,0">
                <!-- Aquí irán los elementos de la lista de imágenes -->
            </ListBox>
            <ListBox x:Name="ListaFunciones" Grid.Row="1" Margin="0,0,0,5">
                <!-- Aquí irán los elementos de la lista de funciones -->
            </ListBox>



        </Grid>


        <!-- Panel derecho dividido en dos para ROIs y formulario -->
        <Grid DockPanel.Dock="Right" Width="400" Margin="5">
            <Grid.RowDefinitions>
                <RowDefinition Height="1*"/>
                <!-- Espacio para la lista de ROIs -->
                <RowDefinition Height="*"/>
                <!-- Espacio restante para el formulario -->
            </Grid.RowDefinitions>

            <!-- Lista de ROIs -->
            <ListBox x:Name="ListaROIs" Grid.Row="0" Margin="0,0,0,5">
                <!-- Elementos de la lista de ROIs aquí -->
            </ListBox>

            <!-- Formulario para detalles del ROI -->
            <StackPanel Grid.Row="1" Margin="0,5,0,0">
                <!-- Coordenadas X,Y -->
                <Label Content="Coordenadas X,Y:"/>
                <TextBox x:Name="ROI_xy" Margin="0,0,0,5"/>
                <!-- DX, DY -->
                <Label Content="DX, DY:"/>
                <TextBox x:Name="ROI_dxdy" Margin="0,0,0,5"/>
                <!-- Nombre -->
                <Label Content="Imagen:"/>
                <ComboBox x:Name="ROI_imagen" Margin="0,0,0,5"/>
                <CheckBox x:Name="AllImages" Content="Aplicar a Todas"/>
                <!-- Código Numérico -->
                <!-- Descripción -->
                <Label Content="Descripción:"/>
                <TextBox x:Name="ROI_descripcion" Margin="0,0,0,5"/>
                <!-- Botones -->
                <Button x:Name="Guardar_ROI" Content="Guardar" Margin="0,0,0,5"/>
                <Button x:Name="Borrar_ROI" Content="Borrar ROI"/>
               

            </StackPanel>
        </Grid>


        <!-- Centro para la imagen con soporte de paneo y zoom -->
        <ScrollViewer x:Name="ImagenEnTrabajoScrollViewer" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
            <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>
    </DockPanel>
</Window>