C# Windows Phone 8列中的其他项目-行作为模板

C# Windows Phone 8列中的其他项目-行作为模板,c#,windows-phone-7,windows-phone-8,wrappanel,C#,Windows Phone 7,Windows Phone 8,Wrappanel,我是WindowsPhone8开发的新手,我想创建一个页面,在第一行四列和第二行一列中排序任意数量的项目,如下图所示。 谢谢 您可以执行以下操作 <Grid> <Grid.RowDefinitions> <RowDefinition Height="*"/> //relative Heigts, can change them suitable to requirement <RowDefinition Heig

我是WindowsPhone8开发的新手,我想创建一个页面,在第一行四列和第二行一列中排序任意数量的项目,如下图所示。


谢谢

您可以执行以下操作

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/> //relative Heigts, can change them suitable to requirement
        <RowDefinition Height="7*"/>
    </Grid.RowDefinitions>
    <Grid Grid.Row=0>
        <Grid.ColumnDefnitions>
        //for equal columns
             <ColumnDefnition width="*"/>
             <ColumnDefnition width="*"/>
             <ColumnDefnition width="*"/>
             <ColumnDefnition width="*"/>
        </Grid.ColumnDefnitions>
    </Grid>
    //put all your items based on row and column.
</Grid>

//相对高度,可根据需要更改
//对于相等列
//根据行和列放置所有项目。

要了解一下Windows Phone中的布局,您觉得怎么样?我强烈建议阅读关于WP布局的官方参考资料,之后如果出现问题,请来到这里询问

参考:

  • 为什么不:

  • 在这段代码中,
    Grid.Row=“0”
    Grid.Column=“0”
    可以省略,我写它们只是为了了解它是如何工作的

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <GreenItem Grid.Row="0" Grid.Column="0"/>
        <BlueItem Grid.Row="0" Grid.Column="1"/>
        <RedItem Grid.Row="0" Grid.Column="2"/>
        <OrangeItem Grid.Row="0" Grid.Column="3"/>
        <YellowItem Grid.Row="1" Grid.ColumnSpan="4"/>
    </Grid>