UnhandledException при связывании URL изображения в LongListSelector

Question

  List<string> images = new List<string>(); 
      // add some image url to list 
      DataContext = images; 

У меня есть список URL изображения, и я хочу, чтобы отобразить его с помощью LongListSelector

  <phone:LongListSelector ItemsSource="{Binding}" LayoutMode="List"> 
       <phone:LongListSelector.ItemTemplate> 
        <DataTemplate> 
         <Image Source="{Binding}" Stretch="UniformToFill" /> 
        </DataTemplate> 
       </phone:LongListSelector.ItemTemplate> 
      </phone:LongListSelector> 

Но после того, XAML страницы дисплея завершена, отладки прыгайте метод Application_UnhandledException в App. xaml.cs, в чем проблема?

Answer 1

Попробуйте этот код:
В XAML:

<phone:LongListSelector Name="myLLS" LayoutMode="List" Height="300"> 
      <phone:LongListSelector.ItemTemplate> 
       <DataTemplate> 
        <Image Source="{Binding}" Height="60"/> 
       </DataTemplate> 
      </phone:LongListSelector.ItemTemplate> 
</phone:LongListSelector> 

В коде позади:

ObservableCollection<Uri> myList = new ObservableCollection<Uri>(); 

    public MainPage() 
    { 
    InitializeComponent(); 

    myLLS.ItemsSource = myList; 
    myList.Add(new Uri("Resources/Image1.png", UriKind.RelativeOrAbsolute)); 
    myList.Add(new Uri("Resources/Image2.png", UriKind.RelativeOrAbsolute)); 
    } 

Я привязал LLS itemssource к ObservableCollection Uri's. Работает. ObservableCollection также лучше здесь, так как вы можете динамически обновлять LLS - при добавлении или удалении изображения. Также хорошо исправить высоту LLS, без этого я иногда получал исключение.

Answer 2

Вы не связываются с URL изображения, вы должны Привязать к BitmapImage