如何保持网格单元的高度和宽度相同

时间:2011-05-07 16:22:50

标签: wpf grid height width cell

我需要在调整大小时保持Grid单元格高度=宽度。

使用viewBox的工作代码:

  <Viewbox>
        <Grid>
            <Grid.RowDefinitions>
                    <RowDefinition Height="1*"/>
                    <RowDefinition Height="1*"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                <Label Grid.Row="0" Grid.Column="0" Background="Black" Width="{Binding RelativeSource={RelativeSource Self}, Path=ActualHeight}"></Label>
                <Label Grid.Row="1" Grid.Column="0" Background="Gray" Width="{Binding RelativeSource={RelativeSource Self}, Path=ActualHeight}"></Label>
                <Label Grid.Row="0" Grid.Column="1" Background="Gray" Width="{Binding RelativeSource={RelativeSource Self}, Path=ActualHeight}"></Label>
                <Label Grid.Row="1" Grid.Column="1" Background="Black" Width="{Binding RelativeSource={RelativeSource Self}, Path=ActualHeight}"></Label>
            </Grid>
        </Viewbox>

感谢H.B.为了使用viewBox的想法! :)

3 个答案:

答案 0 :(得分:9)

执行此操作的“正确”方法可能是使用Grid控件的共享大小功能,但这可能会阻止拉伸整个网格。 e.g。

<Grid Grid.IsSharedSizeScope="True">
    <Grid.ColumnDefinitions>
        <ColumnDefinition SharedSizeGroup="A"/>
        <ColumnDefinition SharedSizeGroup="A"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition SharedSizeGroup="A"/>
        <RowDefinition SharedSizeGroup="A"/>
    </Grid.RowDefinitions>
    <Label Grid.Row="0" Grid.Column="0" Background="Red"   Content="Lorem"/>
    <Label Grid.Row="1" Grid.Column="0" Background="White" Content="Lorem ipsum"/>
    <Label Grid.Row="0" Grid.Column="1" Background="White" Content="Lorem ipsum dolor"/>
    <Label Grid.Row="1" Grid.Column="1" Background="Red"   Content="Lorem ipsum dolor sit"/>
</Grid>

可以将其置于Viewbox中,但调整大小的行为可能不是您想要的,因为它会缩放内容。也许您可以找到一种方法使其在您的上下文中可用。

答案 1 :(得分:5)

WPF提供UniformGrid - 您可能会发现这对您尝试执行的操作更有帮助。这是一篇演示它的文章: http://www.c-sharpcorner.com/UploadFile/yougerthen/308222008124636PM/3.aspx

为了保持平方,只需将网格的Width属性绑定到自己的ActualHeight属性:

Width="{Binding RelativeSource={RelativeSource Self}, Path=ActualHeight}"

答案 2 :(得分:1)

我认为您应该使用UniformGrid代替,或者您可以尝试以下内容:

<Grid ShowGridLines="True" x:Name="grid" >
  <Grid.RowDefinitions>
    <RowDefinition Height="100" />
    <RowDefinition Height="50" />
  </Grid.RowDefinitions>
  <Grid.ColumnDefinitions>
    <ColumnDefinition Width="{Binding ElementName=grid, Path=RowDefinitions[0].Height}" />
    <ColumnDefinition Width="{Binding ElementName=grid, Path=RowDefinitions[1].Height}" />
  </Grid.ColumnDefinitions>
</Grid>