C# 适用于应用商店的Windows Phone XAML样式-应用程序页面

我试图获得与商店应用程序聚光灯中的小节相同的布局，其中显示带有2个副标题的图像。有人能帮我吗，我能做的最好的事情就是用单个元素创建stackpanels，但这感觉有点独立，更像是一个“单元”，因为我想从服务器获取数据并动态显示有信息的磁贴数量，这是我到目前为止得到的：

 <phone:PanoramaItem Header="third item" Orientation="Horizontal">
            <!--Double wide Panorama with large image placeholders-->
            <Grid>
                <StackPanel Orientation="Vertical">
                    <StackPanel Orientation="Horizontal">
                        <StackPanel Margin="0,0,0,10">
                            <Rectangle Fill="Red" Width="175" Height="175" HorizontalAlignment="Left" Margin="10,0,10,10" />
                            <TextBlock Text="Heading 1" Margin="10,0,0,0" FontSize="15" />
                            <TextBlock Text="Heading 2" Margin="10,0,0,0" FontSize="12" />
                        </StackPanel>
                        <StackPanel>
                            <Rectangle Fill="Red" Width="175" Height="175" HorizontalAlignment="Left" Margin="10,0,10,10" />
                            <TextBlock Text="Heading 1" Margin="10,0,0,0" FontSize="15" />
                            <TextBlock Text="Heading 2" Margin="10,0,0,0" FontSize="12" />
                        </StackPanel>
                        <StackPanel>
                            <Rectangle Fill="Red" Width="175" Height="175" HorizontalAlignment="Left" Margin="10,0,10,10" />
                            <TextBlock Text="Heading 1" Margin="10,0,0,0" FontSize="15" />
                            <TextBlock Text="Heading 2" Margin="10,0,0,0" FontSize="12" />
                        </StackPanel>
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <StackPanel>
                            <Rectangle Fill="Red" Width="175" Height="175" HorizontalAlignment="Left" Margin="10,0,10,10" />
                            <TextBlock Text="Heading 1" Margin="10,0,0,0" FontSize="15" />
                            <TextBlock Text="Heading 2" Margin="10,0,0,0" FontSize="12" />
                        </StackPanel>
                        <StackPanel>
                            <Rectangle Fill="Red" Width="175" Height="175" HorizontalAlignment="Left" Margin="10,0,10,10" />
                            <TextBlock Text="Heading 1" Margin="10,0,0,0" FontSize="15" />
                            <TextBlock Text="Heading 2" Margin="10,0,0,0" FontSize="12" />
                        </StackPanel>
                        <StackPanel>
                            <Rectangle Fill="Red" Width="175" Height="175" HorizontalAlignment="Left" Margin="10,0,10,10" />
                            <TextBlock Text="Heading 1" Margin="10,0,0,0" FontSize="15" />
                            <TextBlock Text="Heading 2" Margin="10,0,0,0" FontSize="12" />
                        </StackPanel>
                    </StackPanel>
                </StackPanel>
            </Grid>
        </phone:PanoramaItem>

---

任何逻辑想法或xaml样式想法都将受到欢迎

你能用一张

画布

并设置所有对象的

画布.Top

和

画布.Left

属性，以在页面上给出所需的位置吗？

张贴一张你想要的图片，这听起来像是一个ItemsControl或者是一个ListBox可以帮你减少混乱。