Detener que WPF TextBox crezca con el texto

Question

Estoy intentando modificar mi control simple para que el cuadro de texto no crezca a medida que el usuario escribe en texto largo. Eché un vistazo a algunas soluciones publicadas aquí en Stackoverflow que sugieren el uso de una cuadrícula y un borde invisible y vinculando el ancho del cuadro de texto al ancho real del borde, pero parece que no puedo hacer que funcione en mi configuración.

Aquí es el xaml de mi control:

<StackPanel Margin="5,0"> 
<WrapPanel Margin="0,0,0,5"> 
    <TextBlock Foreground="White" Margin="0,0,2,0">TEXT</TextBlock> 
    <TextBlock Foreground="#FF0099CC" FontWeight="Bold">MORE TEXT</TextBlock> 
</WrapPanel> 
<Border Margin="2,4,0,4" BorderThickness="1" SnapsToDevicePixels="True" Background="Black" 
     BorderBrush="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}"> 
    <StackPanel Orientation="Horizontal"> 
    <Image Source="..\Resources\zoom.png" Width="13"/> 
    <TextBox Foreground="White" Background="Black" BorderBrush="Transparent">THIS IS SOME TEXT</TextBox> 
    </StackPanel> 
</Border> 
</StackPanel> 

¿Alguna idea? Necesito el zoom.png para que aparezca "dentro" del cuadro de texto, así que utilizo un panel de pila horizontal y simplemente coloco la imagen y el cuadro de texto uno al lado del otro, ambos rodeados por el mismo borde.

¿Hay alguna manera de evitar que mi cuadro de texto aumente automáticamente mientras se escribe el texto?

Gracias.

ACTUALIZACIÓN:

A continuación se muestra el código XAML que estoy probando con.

<Window x:Class="Desktop.Shell" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:composite="http://www.codeplex.com/CompositeWPF" 
    Title="MyShell" Height="50" Width="900" 
    WindowStyle="None" 
    ShowInTaskbar="False"   
    AllowsTransparency="True" 
    Background="Transparent" 
    ResizeMode="CanResizeWithGrip" 
    WindowStartupLocation="CenterScreen"> 
    <Border BorderBrush="Black" 
       BorderThickness="1.5" 
       CornerRadius="5" 
       Background="Gray"> 
    <ItemsControl composite:RegionManager.RegionName="MainRegion"> 
     <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <WrapPanel></WrapPanel> 
     </ItemsPanelTemplate> 
     </ItemsControl.ItemsPanel> 
    </ItemsControl> 
    </Border> 
</Window> 


<UserControl x:Class="Desktop.SearchTextBox" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Height="50" Margin="0"> 
    <StackPanel Margin="5,0"> 
    <WrapPanel Margin="0,0,0,5"> 
     <TextBlock Foreground="White" Margin="0,0,2,0">TEXT</TextBlock> 
     <TextBlock Foreground="#FF0099CC" FontWeight="Bold">MORE TEXT</TextBlock> 
    </WrapPanel> 
    <Border Margin="2,4,0,4" BorderThickness="1" SnapsToDevicePixels="True" Background="Black" 
     BorderBrush="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}"> 
     <Grid x:Name="grdTest"> 
      <Image HorizontalAlignment="Left" Source="..\Resources\zoom.png" Width="13"/> 
      <TextBox Margin="16,0,0,0" Foreground="White" Background="Black" BorderBrush="Transparent" Width="{Binding ElementName=grdTest, Path=ActualWidth}">THIS IS SOME TEXT</TextBox> 
     </Grid> 
    </Border> 
    </StackPanel> 
</UserControl> 

Acabo de agregar mi control de usuario a la MainRegion de la ventana.

Answer 1

he hecho un poco más de búsqueda y encontró la solución. Utilicé la cuadrícula de abajo para reemplazar la cuadrícula en mi publicación original y ahora el cuadro de texto mantiene su tamaño original y no crece automáticamente en la entrada larga del usuario. Gracias a todos los que investigaron esto.

 <Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="Auto"/> 
      <ColumnDefinition/> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
     </Grid.RowDefinitions> 
     <Image Source="..\Resources\zoom.png" Width="13"/> 
     <Border x:Name="b" Grid.Column="1"/> 
     <TextBox Width="{Binding ActualWidth, ElementName=b}" Foreground="White" Background="Black" BorderBrush="Transparent" 
      Grid.Column="1" 
      VerticalAlignment="Center" 
      Text="THIS IS SOME TEXT"/> 
     </Grid> 

Answer 2

Para escalar el borde que contiene el cuadro de texto al ancho del panel de la pila exterior, cambie el panel de pila interno a una cuadrícula y establezca un margen izquierdo en el cuadro de texto para que no se superponga con la imagen. Establezca también la alineación horizontal de la imagen a la izquierda (si es que la quiere) o de forma predeterminada al centro del borde.

 <StackPanel Margin="5,0"> 
     <WrapPanel Margin="0,0,0,5"> 
      <TextBlock Foreground="White" Margin="0,0,2,0">TEXT</TextBlock> 
      <TextBlock Foreground="#FF0099CC" FontWeight="Bold">MORE TEXT</TextBlock> 
     </WrapPanel> 
     <Border Margin="2,4,0,4" BorderThickness="1" SnapsToDevicePixels="True" Background="Black" 
       BorderBrush="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}"> 
      <Grid> 
       <Image HorizontalAlignment="Left" Source="..\Resources\zoom.png" Width="13"/> 
       <TextBox Margin="16,0,0,0" Foreground="White" Background="Black" BorderBrush="Transparent">THIS IS SOME TEXT</TextBox> 
      </Grid> 
     </Border> 
    </StackPanel> 

Answer 3

Para detener el comportamiento de cultivo establecido un tamaño explícita al cuadro de texto ni lo coloque en una cuadrícula con HorizontalAlignment establecido para estirar

Opción 1:

<TextBox Width="60">THIS IS SOME TEXT</TextBox> 

Opción 2 :

<TextBox HorizontalAlignment="Stretch">THIS IS SOME TEXT</TextBox> 

Answer 4

Nombre de la cuadrícula como x:Name="grdTest" y probar este

<Grid x:Name="grdTest"> 
    <Image HorizontalAlignment="Left" Source="..\Resources\zoom.png" Width="13"/> 
    <TextBox Margin="16,0,0,0" Foreground="White" Background="Black" BorderBrush="Transparent"  
      Width="{Binding ElementName=grdTest, Path=ActualWidth}">THIS IS SOME TEXT</TextBox> 
</Grid> 

Answer 5

Intenta poner ScrollViewer.HorizontalScrollBarVisibility="Disabled" dentro de la rejilla.

Answer 6

Este artículo muestra una solución para un cuadro de texto que se muestra dentro de la vista de un desplazador de desplazamiento (en vista de árbol o cuadro de lista). Se utiliza un PART_MeasureTextBlock (vinculado al cuadro de texto) para determinar el tamaño disponible y establecerlo en el cuadro de texto. satisfaga tienen mirada aquí y dime lo que piensas: http://www.codeproject.com/Articles/802385/A-WPF-MVVM-In-Place-Edit-TextBox-Control