Windows Phone 应用程序中未刷新图像控件

Question

我的应用中有一个图像列表，它们都在一个列表框中，我将源作为 URL 提供。

一切正常，可以显示来自我提供的 URL 的图像。

当我更改图像并重新加载我的ListBox 时，该更改并未反映在该图像上，它显示的是旧图像而不是新图像。

我确定，在图像更改后，我将新图像 URL 绑定到源，但它显示旧图像，我无法找到为什么会发生这种情况，这是我的代码

  <ListBox Grid.Row="1" HorizontalAlignment="Left" Margin="0,81,0,0" Name="wishListListBox" VerticalAlignment="Top" Width="480" Visibility="Visible">
        <ListBox.ItemTemplate>
            <DataTemplate>

                    <Image ImageFailed="wishlistImage_ImageFailed_1" x:Name="wishlistImage" HorizontalAlignment="Left" Width="164" Margin="12,54,0,88" Stretch="Fill">
                        <Image.Source>
                            <BitmapImage CreateOptions="DelayCreation,IgnoreImageCache" UriSource="{Binding thumb_image}" />
                        </Image.Source>
                    </Image>

            </DataTemplate>
        </ListBox.ItemTemplate>

    </ListBox>

这是我为我的图像设置 itemsource 的课程

[DataContract]
public class WishListResponse : INotifyPropertyChanged
{

 [DataMember]
 public List<string> thumb_images { get; set; }

 public string thumb_image
    {
        get
        {
            if (thumb_images.Count != 0)
                return thumb_images[0];
            else
                return "";
        }
        set
        {
            thumb_images[0] = value;
            OnPropertyChanged(thumb_images[0]);
        }
    }
   public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged(string name)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(name));
        }
    }
 }

在我的主页中，我像这样绑定项目源

 public static List<WishListResponse> wishlistList = new List<WishListResponse>();

 wishListListBox.ItemsSource = wishlistList.ToArray();

谁能帮我刷新我的图像控件。 谢谢。

Answer 1

好的，谢谢你的更新:-)

首先回答您最初的问题.. ;-) 如果您将 List 替换为 ObservableCollection，它会在您更改列表条目时自动更新 UI。

 public ObservableCollection<string> ThumbImages { get; set; }

现在，如果您将 ThumbImages 设置为新的，即为其分配一个新对象，您将不得不再次将 DataContext 设置为新的引用，例如：

ThumbImages = new ObservableCollection<string>(wishListResponse.thumb_images);
DataContext = ThumbImages;

现在通常你将 datacontext 设置为视图的模型，在你的例子中是一个字符串列表。您可以在后面的代码中设置这样的数据上下文：

DataContext = ThumbImages;

然后你可以使用默认绑定来引用数据上下文：

 <ListBox ItemsSource="{Binding}">...</ListBox>

因此，您将不再需要在 WishListResponse 上创建特殊属性并将 ItemTemplate 再次设置为 Element，即在此上下文中再次设置默认绑定：

 <ListBox ItemsSource="{Binding}" Grid.Row="1" HorizontalAlignment="Left" Margin="0,81,0,0" Name="wishListListBox" VerticalAlignment="Top" Width="480" Visibility="Visible">

        <ListBox.ItemTemplate>
            <DataTemplate>

                    <Image ImageFailed="wishlistImage_ImageFailed_1" x:Name="wishlistImage" HorizontalAlignment="Left" Width="164" Margin="12,54,0,88" Stretch="Fill">
                        <Image.Source>
                            <BitmapImage CreateOptions="DelayCreation,IgnoreImageCache" UriSource="{Binding}" />
                        </Image.Source>
                    </Image>

            </DataTemplate>
        </ListBox.ItemTemplate>

    </ListBox>

HTH

Answer 2

我在这个问题上尝试了非常简单的解决方案，它对我有用，

每次我需要刷新图像时，我都会更改图像链接， 这意味着我只是将当前时间附加到图像 url。

这对我来说很好。

谢谢。

Answer 3

我认为代码的更改不会通知给 xaml，因此您必须从 INotifyChange 继承该类，然后进行属性更改事件......就像

        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }

然后在设置列表的属性之后

 listname = value;
OnPropertyChanged("listname");

希望对你有所帮助....

Answer 4

我认为原因是你的模型没有实现 INotifyPropertyChanged ，所以你的属性发生了变化，但无法通知图像绑定属性，解决这个问题

一个是实现 INotifyPropertyChanged ;

另一个你可以这样做

wishListListBox.ItemsSource =null;
wishListListBox.ItemsSource = itemsSource;

它还可以让您的列表框显示新项目

但是当itemsSource改变时它有问题你必须这样做............

希望对你有帮助