Làm thế nào để có một điều khiển điền tất cả các không gian có sẵn

Question

Tôi có một mã XAML:

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

Làm thế nào tôi có thể nhận được tất cả không gian có sẵn cho TextBox?

tôi muốn làm một cái gì đó như thế:

| [____________________] [GetIt] |

Answer 1

Có một số cách này có thể đạt được, trong đó có cái này:

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

Answer 2

Hãy thử điều này:

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

Chỉ cần chắc nút chiều rộng mong muốn và hộp văn bản sẽ điền phần còn lại.

---

Cảm ơn bạn đã nắm bắt; sửa chữa ở trên để xử lý đúng lề trên bên phải. Tuy nhiên, điều này yêu cầu bạn cập nhật lề khi chiều rộng nút thay đổi. Hai cột là giải pháp tốt hơn nếu bạn định thay đổi khoảng cách thường xuyên. Sử dụng lề là sạch hơn nếu bạn có nhiều điều khiển trong lưới và không muốn tạo lưới lồng nhau để xử lý loại phân chia này.

Answer 3

Cách đơn giản nhất là sử dụng một DockPanel thay vì một Lưới (mặc định cho LastChildFill là đúng nhưng tôi cũng nói thêm nó ở đây cho rõ ràng):

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

Answer 4

Đây là một cách để đạt được bố cục mà bạn' đang tìm kiếm:

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