0

ここに画像の説明を入力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 のスタイリングのアイデアは大歓迎です

4

1 に答える 1