Come avere un controllo riempire tutto lo spazio disponibile

Question

Ho un codice XAML:

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

come posso per ottenere tutto lo spazio disponibile per textBox?

voglio fare qualcosa di simile:

| [____________________] [GetIt] |

Answer 1

Ci sono un certo numero di modi questo può essere realizzato, compreso questo:

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

Answer 2

Prova questa:

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

Basta fare il pulsante la larghezza desiderata e la casella di testo sarà riempire il resto.

---

Grazie per la cattura; corretto in precedenza per gestire correttamente il margine a destra. Questo, tuttavia, richiede di aggiornare il margine quando cambia la larghezza del pulsante. Due colonne è una soluzione migliore se si prevede di modificare spesso la spaziatura. L'utilizzo del margine è più pulito se nella griglia sono presenti diversi controlli e non si desidera creare griglie annidate per gestire questo tipo di suddivisione.

Answer 3

Il modo più semplice è quello di utilizzare un DockPanel invece di una griglia (il valore predefinito per LastChildFill è vero, ma ho anche aggiunto che qui per chiarezza):

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

Answer 4

Ecco un modo per ottenere il layout in cui si' sto cercando:

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