イメージでグリッドを作成し、ウリのリストからそれらを記入したい

Question

私は現時点でWindows Phone Appを作っていますが、いくつか問題があります。

このアプリでは、私はFotoWallをFlickrから入手してほしい。私はデータの部分を取得し、現時点では、2つの種類のUrlのUrlTumb（サムネイルの場合）とUrlFull（元の画像の場合）を使用してリストを作成します。

ここでは、 4つの画像と私のUrlTumbのURLでそれらを埋める。

これは私の質問です：どのように私のリストからデータで埋めることができる画像のグリッドを作成するのですか？ グリッドは、幅と高さがそれぞれ100ピクセル×100ピクセルの4つのイメージで構成されます。

Answer 1

あなたは、ListBoxコントロールを作成し、Windows Phoneのツールキット用のSilverlightからラップパネルであることをItemsPanelを変更することができます： -

http://silverlight.codeplex.com/

次に、あなたは、ImageコントロールをするItemTemplateに設定することができ画像のサイズを正しく設定すると、4 x 4の画像グリッドを実現できます。

<ListBox.ItemsPanel> 
    <ItemsPanelTemplate> 
     <toolkit:WrapPanel /> 
    </ItemsPanelTemplate> 
</ListBox.ItemsPanel> 
<ListBox.ItemTemplate> 
    <DataTemplate> 
     <Grid> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="Auto" /> 
      </Grid.RowDefinitions> 
      <Image Source="{Binding ThumbNailImage}" 
        Margin="0" 
        Height="110" 
        Width="110" 
        CacheMode="BitMapCache" 
        Stretch="UniformToFill" 
        Grid.Row="0" /> 
     </Grid> 
    </DataTemplate> 
</ListBox.ItemTemplate> 

これが役に立ちます。