Tự động hóa cột lưới để chiếm không gian còn lại trong bố mẹ

Question

Trong WPF, tôi đang có một thời gian cố gắng để có được một mạng lưới có kích thước phù hợp.

Tôi có cách bố trí sau cho lưới của tôi:

<ItemsControl HorizontalContentAlignment="Stretch"> 
     <ItemsControl.ItemTemplate> 
      <DataTemplate> 
       <Grid> 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition Width="Auto"/> 
         <ColumnDefinition Width="80"/> 
         <ColumnDefinition Width="80"/> 
         <ColumnDefinition Width="100"/> 
        </Grid.ColumnDefinitions> 
        <Label Grid.Column="0" /> 
        <Label Grid.Column="1"/> 
        <TextBox Grid.Column="2"/> 
        <Button Grid.Column="3"/> 
       </Grid> 
      </DataTemplate> 
     </ItemsControl.ItemTemplate> 
</ItemsControl> 

Vấn đề là Width = "Tự động" dường như được kích thước cột với độ rộng của nội dung, và không điền vào không gian thêm trong vùng chứa chính. Điều này để lại phần còn lại của tất cả các cột, không gian trống và không gian xấu xí ở cuối mỗi hàng.

Tôi có thể thiếu một cái gì đó đơn giản, nhưng tôi dường như không thể tìm thấy một phương pháp để phù hợp với cột một cách thích hợp.

Hoặc có kiểm soát tốt hơn cho công việc không?

Answer 1

* nghĩa là điền hoặc chia sẻ. Nếu bạn có hai với * thì chúng sẽ chia sẻ chiều rộng đồng đều.

<ColumnDefinition Width="*"/> 

Answer 2

Dường như tôi đã tìm thấy một giải pháp sau khi một chút tinkering xung quanh.

Vấn đề là: <ColumnDefinition Width="Auto"/>

này đã gây ra cột để phù hợp với nội dung. Tôi đã thay đổi nó thành: <ColumnDefinition />

Điều này làm cho cột phù hợp với không gian trống còn lại trong vùng chứa chính, bất kể kích thước nội dung.