WPF Grid中的独立宽度 [英] Independent width in a WPF Grid

问题描述

我有一个2行2列的网格在WPF中。我希望列的宽度对每一行都是独立的。我试过汽车，但没有成功。这是一张图片，以便解释：

如何使用网格来完成这项工作？

解决方案

如果您必须使用网格布局，那么您有几个选项：选项1：使每行成为一列，然后在每一行中嵌套一个网格您需要独立的栏目：

XAML

 <网格和GT; 
< Grid.RowDefinitions> 
< RowDefinition /> 
< RowDefinition /> 
< /Grid.RowDefinitions> 
 
< TextBlock Text =AAAAAAAAAAAAAAAAAAAA/> 
 
< Grid Grid.Row =1> 
< Grid.ColumnDefinitions> 
< ColumnDefinition /> 
< ColumnDefinition /> 
< /Grid.ColumnDefinitions> 
 
< TextBlock Text =BBBBBBB> 
< TextBlock Grid.Column =1Text =CCCCCCC/> 
< / Grid> 
< / Grid> 
  

选项2：在行中使用ColumnSpan： / p>

XAML

 < Grid> 
< Grid.RowDefinitions> 
< RowDefinition /> 
< RowDefinition /> 
< /Grid.RowDefinitions> 
 
< ; Grid.ColumnDefinitions> 
< ColumnDefinition /> 
< ColumnDefinition /> 
< /Grid.ColumnDefinitions> 
 
< TextBlock Grid.ColumnSpan =2Text =AAAAAAAAAAAAAAAAAAAA/> 
< TextBlock Grid.Row =1Text =BBBBBBB> 
< TextBlock Grid.Row =1Grid.Column =1Text =CCCCCCC/> 
< / Grid> 
< / Grid> 
  

*这些都是在没有编辑器的情况下输入的，可能需要稍微调整一下。

I have a grid with 2 rows and 2 columns in WPF. I would like that the column widths are independent for each row. I tried "auto", but no success. Here is a picture in order to explain:

How can I accomplish this using grid?

解决方案

If you must use a grid layout, then you have a couple of options:

Option 1: Make each row a single column and then nest a grid in each row you would like independent columns:

XAML

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition />
    </Grid.RowDefinitions>

    <TextBlock Text="AAAAAAAAAAAAAAAAAAAA" />

    <Grid Grid.Row="1">
      <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition />
      </Grid.ColumnDefinitions>

      <TextBlock Text="BBBBBBB"">
      <TextBlock Grid.Column="1" Text="CCCCCCC" />
    </Grid>
</Grid>

Option 2: Make use of ColumnSpan in the rows:

XAML

<Grid>
  <Grid.RowDefinitions>
    <RowDefinition />
    <RowDefinition />
  </Grid.RowDefinitions>

  <Grid.ColumnDefinitions>
    <ColumnDefinition />
    <ColumnDefinition />
  </Grid.ColumnDefinitions>

      <TextBlock Grid.ColumnSpan="2" Text="AAAAAAAAAAAAAAAAAAAA" />
      <TextBlock Grid.Row="1" Text="BBBBBBB"">
      <TextBlock Grid.Row="1" Grid.Column="1" Text="CCCCCCC" />
    </Grid>
</Grid>

*These were typed without an editor and may need a bit of tweaking.

这篇关于WPF Grid中的独立宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！