mahapps example wpf wpf-controls

example - Deteniendo que WPF TextBox crezca con texto



wpf layout (6)

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

Aquí está 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>

¿Algunas ideas? Necesito que el zoom.png aparezca "dentro" del cuadro de texto, así que uso un panel de pila horizontal y solo coloco la imagen y el cuadro de texto lado a lado, ambos rodeados por el mismo borde.

¿Hay alguna manera de evitar que mi cuadro de texto crezca automáticamente a medida que se escribe?

Gracias.

ACTUALIZAR:

A continuación se muestra el xaml con el que estoy probando.

<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 Windows.


Este artículo muestra una solución para un cuadro de texto que se muestra dentro de la ventana gráfica de un visor 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. Por favor, mire aquí y dígame qué piensa al respecto: http://www.codeproject.com/Articles/802385/A-WPF-MVVM-In-Place-Edit-TextBox-Control


Hice 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 de forma automática con las aportaciones largas de los usuarios. Gracias a todos los que miraron 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>


Intente colocar ScrollViewer.HorizontalScrollBarVisibility="Disabled" dentro de Grid.


Nombra la cuadrícula como x:Name="grdTest" y prueba esto

<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>


Para detener el comportamiento de crecimiento, establezca un tamaño explícito en TextBox o colóquelo en una cuadrícula con el HorizontalAlignment establecido para estirar

Opción 1:

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

Opcion 2:

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


Para escalar el borde que contiene el cuadro de texto al ancho del panel de la pila exterior, cambie el panel de la pila interior a una cuadrícula y establezca un margen izquierdo en el cuadro de texto para que no se superponga con la imagen. También establezca la alineación horizontal de la imagen a la izquierda (si es donde lo desea) o se establecerá de manera predeterminada en el 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>