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

Question

我正在尝试获得与 store-apps-spotlight 中的小节相同的布局，该小节显示带有 2 个子标题的图像。任何人都可以帮助我，我能做的最好的事情是使用单个元素创建堆栈面板，但这感觉有点分开，并且希望更像一个“单元”，因为我想从服务器获取数据并动态显示有信息的瓷砖数量，这是我到目前为止得到的：

 <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 样式想法将不胜感激

Answer 1

您能否单独Canvas设置所有对象的Canvas.TopandCanvas.Left属性以在页面上提供所需的位置？