cómo tener un control de llenar todo el espacio disponible

Question

Tengo un código XAML:

<Grid> 
    <WrapPanel> 
    <TextBox ></TextBox> 
    <Button Content="GetIt" /> 
    </WrapPanel> 
</Grid> 

Cómo que pueda para que todo el espacio disponible para textBox?

Quiero hacer algo así:

| [____________________] [GetIt] |

Answer 1

Hay un número de maneras en que esto se puede lograr, incluido éste:

<Grid> 
    <Grid.ColumnDefinitions> 
    <ColumnDefinition Width="*" /> 
    <ColumnDefinition Width="Auto" /> 
    </Grid.ColumnDefinitions> 
    <TextBox /> 
    <Button Grid.Column="1">GetIt</Button> 
</Grid> 

Answer 2

Prueba esto:

<Grid> 
    <TextBox HorizontalAlignment="Stretch" Margin="2,2,102,2"></TextBox> 
    <Button HorizontalAlignment="Right" Width="100" Content="GetIt" /> 
</Grid> 

Simplemente haga el botón de la anchura deseada y el cuadro de texto se llena el resto.

---

Gracias por la captura; corregido arriba para manejar correctamente el margen de la derecha. Sin embargo, esto requiere que actualice el margen cuando cambie el ancho del botón. Dos columnas es una mejor solución si planea cambiar el espaciado a menudo. Usar el margen es más claro si tiene varios controles en la cuadrícula y no desea crear cuadrículas anidadas para manejar este tipo de división.

Answer 3

La forma más sencilla es utilizar un DockPanel en lugar de una cuadrícula (el valor predeterminado para LastChildFill es cierto, pero también he añadido aquí para mayor claridad):

<DockPanel LastChildFill="True"> 
    <Button Content="GetIt" DockPanel.Dock="Right" /> 
    <TextBox ></TextBox> 
</DockPanel> 

Answer 4

Aquí está una manera de lograr el diseño que' está buscando:

<Page 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <Page.Resources> 
    <Style TargetType="TextBox"> 
     <Setter Property="Margin" Value="2"/> 
    </Style> 
    </Page.Resources> 
    <DockPanel> 
    <DockPanel DockPanel.Dock="Top"> 
     <!-- Because the Button is fixed in size, you can divide the row it's 
     in using a DockPanel: the Button is docked to the right edge, and the 
     TextBox fills up the remaining available space. --> 
     <Button Margin="2" Padding="2" DockPanel.Dock="Right">GetIt</Button> 
     <TextBox /> 
    </DockPanel> 
    <!-- Because the TextBoxes *aren't* fixed in size, you can't use docking, 
    as it won't size them. So put them in a Grid and use star sizing to 
    divide the grid's vertical space into two equal parts. The Grid will 
    fill up the remainder of the (outer) DockPanel. --> 
    <Grid> 
     <Grid.RowDefinitions> 
     <RowDefinition Height="*"/> 
     <RowDefinition Height="*"/> 
     </Grid.RowDefinitions> 
     <TextBox Grid.Row="0">Another TextBox</TextBox> 
     <TextBox Grid.Row="1">Yet another TextBox</TextBox> 
    </Grid> 
    </DockPanel> 
</Page>