如何在Windows手机中以网格方式添加按钮

Question

我是Windows手机新手，

我希望以网格方式显示8个按钮。

例如：

button 1           button 2

button 3           button 4

button 5           button 6

button 7           button 8

（像这样......）

： 怎么做到这一点？

提前完成

Answer 1

您想要使用网格控件，包含2列和4行。然后，您可以添加按钮并将它们分配给具有附加属性的网格行/列。您可以通过适当更改ColumnDefinitions来调整列宽等：

<Grid Width="100%">
      <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition />
      </Grid.ColumnDefinitions>
      <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition />
        <RowDefinition />
        <RowDefinition />
      </Grid.RowDefinitions>
      <Button Name="btn1" Grid.Column="0" Grid.Row="0" Click="OnClick1">
        Button 1
      </Button>
      <Button Name="btn2" Grid.Column="1" Grid.Row="0" Click="OnClick2">
        Button 2
      </Button>
      <!-- More buttons in here as required... -->
</Grid>

编辑：添加了对点击的支持。在你的.cs ......

    void OnClick1(object sender, RoutedEventArgs e)
    {
        // Clicked button 1
    }

    void OnClick2(object sender, RoutedEventArgs e)
    {
        // Clicked button 2
    }

Answer 2

在堆叠面板中添加它也非常容易

结构，像这样的东西

<Stackpanel Orientation="Vertical">
<stackpanel Orientation="Horizontal" HorizontalAllignment="Center">
<!--Button1-->
<Button/>
<!--Button2-->
<Button/>
<Stackpanel>
<stackpanel Orientation="Horizontal" HorizontalAllignment="Center">
<!--Button3-->
<Button/>
<!--Button4-->
<Button/>
<Stackpanel>
<stackpanel Orientation="Horizontal" HorizontalAllignment="Center">
<!--Button5-->
<Button/>
<!--Button6-->
<Button/>
<Stackpanel>
<stackpanel Orientation="Horizontal" HorizontalAllignment="Center">
<!--Button7-->
<Button/>
<!--Button8-->
<Button/>
<Stackpanel>
</Stackpanel>