Как сделать так, чтобы контроль заполнил все доступное пространство

Question

У меня есть код xaml:

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

Как я могу получить все доступное пространство для textBox?

Я хочу сделать что-то подобное:

| [____________________] [GetIt] |

Answer 1

Существует несколько способов достижения этой цели, включая этот:

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

Answer 2

Попробуйте это:

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

Просто сделайте кнопку нужной ширины, а остальное текстовое поле заполнит.

---

Спасибо за улов; исправлено выше, чтобы правильно обрабатывать поля справа. Однако для этого необходимо обновить поле при изменении ширины кнопки. Два столбца - лучшее решение, если вы планируете часто менять интервал. Использование поля удобнее, если у вас есть несколько элементов управления в сетке, и вы не хотите создавать вложенные сетки для обработки этого вида разбиения.

Answer 3

Вот способ получить макет, который вы ищете:

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

Answer 4

Самый простой способ - использовать DockPanel вместо Grid (по умолчанию для LastChildFill задано значение true, но я также добавил его здесь для ясности):

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