在LongListSelector中包含圖像的批量數據

Question

以下是我的應用程序的一個屏幕，該屏幕在每次對服務器（WCF）的搜索調用中加載大約100個項目。

我有以下兩個問題。

一個：目前，我正在將所有結果項分配給longlist選擇器的itemssource，但我想最初加載10個項目，而當用戶向下滑動以幾乎結束時，它又加載了10個項目。 已經在許多應用程序中（Foursquare）看到了這種行為，但由於我是Silverlight的新手，所以無法弄清楚。

第二：如果項目具有圖像，則將PicturePath設置為服務器圖像路徑，否則設置為本地無圖像路徑。 問題是，當正在下載圖像時，圖像區域顯示為空白，直到完全下載，然后開始顯示圖像為止，我需要它像Foursquare一樣顯示，直到圖像完全加載為止。 下面提供了我的綁定代碼以及我的要求。

謝謝。

Answer 1

用一堆代碼回答這兩個問題毫無意義。

關於第一個問題，您需要一種方法來檢測用戶何時滾動到ListBox / LongListSelector的底部。 您需要使用ObservableCollection而不是簡單的List，因為ObservableCollection會在將新項目添加到UI時通知UI。

這個問題已經被問過幾十遍了， 例如參見這里 。

關於第二個問題，最簡單的解決方案是在ItemTemplate中使用兩個圖像，一個圖像位於另一個圖像之上。 這樣，當動態圖像為空時將顯示靜態本地圖像，而當下載動態圖像時，它將覆蓋靜態圖像。 它呈現在靜態圖像的頂部，因此就好像靜態圖像不在那里。

<Grid>
    <Image Source="Assets/StaticImageFromLocalCache.jpg" Width="400" Height="400" />
    <Image Source="Assets/DynamicImageFetchedFromInternet.jpg" Width="400" Height="400" />
</Grid>