想要製作帶圖片的網格並從Uri列表中填充它們

Question

我正在製作Windows Phone應用程序，並遇到一些問題。

在應用程序中，我想要一個帶Foto的FotoWall從Flickr獲得。我得到了數據部分，此刻，我創建了2種Url的UrlTumb（用於縮略圖）和UrlFull（用於原始圖像）的列表

現在，我想填充/創建4個網格4張圖片，並用我的UrlTumb網址填寫。

這就是我的問題：如何創建一個圖像網格，我可以填充我的列表中的數據？ 網格將由寬度爲4，高度爲4的圖像組成，每幅圖像爲100px×100px。

Answer 1

您可以創建一個ListBox控件並更改ItemsPanel從Silverlight的一個總結小組的Windows Phone工具包： -

http://silverlight.codeplex.com/

然後你可以設置ItemTemplate中是一個Image控件，然後如果您正確調整圖像的大小，則可以實現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> 

希望這會有所幫助。