WPF 网格与 Stackpanel

Question

对于 WPF/Silverlight 布局，使用具有大量行和列的 Grid 或大量 Stackpanel 哪个更好？

Answer 1

如果您需要水平和垂直排列事物，则应该使用网格。 当这些东西不需要与其他东西对齐时，使用 StackPanel 创建一行或一列的东西。

但是，不要将自己局限于这两种选择。 特别是看一下 DockPanel。 它比 StackPanel 稍微复杂一些，但它的标记不像 Grid 那样混乱。 这是一篇关于 DockPanel 的好文章：

在 Silverlight 2 中使用 DockPanel

Answer 2

您使用的容器应该基于内容，而不是一种方法是否优于另一种方法。 如果你需要东西水平和垂直排列，你真的应该使用网格。 但除此之外，这实际上取决于您想要显示的内容。

Answer 3

我认为网格是一个更好的主意。 我通常使用网格设置总体布局，并到处使用一些堆栈面板来执行一些特定的操作。 我还有一种感觉，网格的性能会更好，而且网格通常会为您提供更多的灵活性。

Answer 4

我不认为网格是一个更好的主意。

例如，如果您想向现有的网格布局文档（中间）插入一行，

现有行是 1,2,3,4 ，那么要求是在 1 和 2 之间插入新行。

那么您必须更改 2 ,3,4 到 3,4,5（找到所有标签的变化...）

想想如果一行有 3 - 5 列...重新排序所有数字是一项肮脏的工作。！！！

Answer 5

我更喜欢 StackPanel，因为我发现在插入新元素、行或列时更容易进行更改。 使用网格时，您需要读取行号和列号才能找出您所在的位置。 使用 StackPanel，您只需遵循嵌套即可，这比网格更容易且不那么混乱。

例如，在 XAML 页面中，我使用水平堆栈面板（如父网格），然后如果我需要列，我会嵌套一个单独的“垂直”堆栈面板。 这样，水平堆栈面板就变成了“网格”，而嵌套的垂直堆栈面板就变成了列。 我发现这更容易阅读和修改网格中的行和列。

Answer 6

两者都有优势（Grid/Stackpanel）。
网格的问题在于线路重组。
Stackpanel 的问题是没有表格结构（固定列宽）。
所以我认为这是解决这个问题的一个很好的解决方案:-)

定义样式

<Page.Resources>
    <Style x:Key="LabelCol1" TargetType="Label">
        <Setter Property="Width" Value="200" />
    </Style>
    <Style x:Key="EditCol2" TargetType="TextBox">
        <Setter Property="Width" Value="250" />
        <Setter Property="TextWrapping" Value="Wrap" />
        <Setter Property="Margin" Value="3" />
    </Style>
    <Style x:Key="ButtonCol3" TargetType="Button">
        <Setter Property="Width" Value="120" />
        <Setter Property="Margin" Value="3" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="HorizontalContentAlignment" Value="Center" />
    </Style>
</Page.Resources>

并在 Stackpanel 中使用样式

<StackPanel>
    <StackPanel Orientation="Horizontal">
        <Label Style="{StaticResource LabelCol1}" Content="Solution path"  />
        <TextBox Style="{StaticResource EditCol2}" />
        <Button Style="{StaticResource ButtonCol3}" Content="Open..." />
    </StackPanel>
    <StackPanel Orientation="Horizontal">
        <Label Style="{StaticResource LabelCol1}" Content="Solution name"  />
        <TextBox Style="{StaticResource EditCol2}" />
    </StackPanel>
</StackPanel>

Answer 7

我对这种布局没有经验，但我敢打赌，与许多嵌套的堆栈面板相比，网格更容易渲染。