在一个WPF网格单元中具有多个控件

时间:2012-04-12 21:13:25

标签: wpf grid cell

WPF的新手,并在线学习教程,并提出了几个问题:

(1)我试图在一个WPF网格单元格中并排显示不同宽度的多个按钮。但是,它们似乎总是叠加在一起。我错过了什么?

(2)是否可以控制网格单元内每个按钮的绝对起始左侧位置?

感谢。

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:sys="clr-namespace:System;assembly=mscorlib" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
<ScrollViewer>
    <Grid xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
          ShowGridLines ="True" >
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="200" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="60*" />
        </Grid.ColumnDefinitions>

        <Button Content="Button No. 1" Grid.Row="0" Grid.Column="0" />

        <GridSplitter HorizontalAlignment="Center" Width="6"
                      Grid.Row="0" Grid.Column="1" Grid.RowSpan="3" />

        <Button Content="Button No. 4-2" Grid.Row="0" Grid.Column="2" Width="100" />
        <Button Content="Button No. 4-1" Grid.Row="0" Grid.Column="2" Width="50" />

    </Grid>
</ScrollViewer>
</Page>

根据萨尔瓦多的回答,这有效:

        <Button VerticalAlignment="Top" HorizontalAlignment="Left" Content="Button No. 1" Grid.Row="0" Grid.Column="0" Height="100"/>

        <GridSplitter HorizontalAlignment="Center" Width="6"
                      Grid.Row="0" Grid.Column="1" Grid.RowSpan="3" />

        <Button VerticalAlignment="Top" HorizontalAlignment="Left" Margin="0" Content="Button No. 4-2" Grid.Row="0" Grid.Column="2" Height="100" Width="100" />
        <Button VerticalAlignment="Top" HorizontalAlignment="Left" Margin="400,0,0,0" Content="Button No. 4-1" Grid.Row="0" Grid.Column="2" Height="150" Width="50" />

谢谢!

2 个答案:

答案 0 :(得分:7)

您可能希望在网格位置(行#+列#)中使用Container Controls之一(如CanvasDockPanelStackPanel),然后将控件放入其中。

这使得在单个网格位置布置多个控件变得更加容易。

答案 1 :(得分:7)

您没有设置VerticalAlignmentHorizontalAlignment属性,因此默认情况下它们居中。

您需要设置这些属性,并将它们与wpf元素的Margin属性结合使用。

看看这个Introduction to WPF Layout