WP8.1 C# 바인딩 연락처 이미지

Question

정보
간단히 말해서 사용자의 연락처를 표시하는 응용 프로그램을 만들려고합니다.

나는 또한 독학 프로그래머이기 때문에 프로그래밍에 대한 경험이 있지만 일반적으로 데이터 바인딩에 비교적 익숙하지 않습니다.

시작하려면 이미지 바인딩이있는 ListView 컨트롤이 있어야합니다.

<ListView x:Name="ContactsView" ItemsSource="{Binding}"> 
    <ListView.ItemTemplate> 
     <DataTemplate> 
      <Image x:Name="ContactImage" Source="{Binding Converter={StaticResource ContactPictureConverter}, Mode=OneWay}" Height="100" Width="100" Margin="0,0,0,0"/> 
     </DataTemplate> 
    </ListView.ItemTemplate> 
</ListView> 

연락처 이미지의 IRandomAccessStream을 가져 와서 BitmapImage로 반환하는 변환기도 있습니다. 이미지가 발견되지 않으면 (null 예외), 변환기는 컨택에 대한 기본 그림을 리턴합니다.

public class ContactPictureConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, string culture) 
    { 
     Contact c = value as Contact; 

     try 
     { 
      return GetImage(c).Result; 
     } 
     catch (Exception ex) 
     { 
      Debug.WriteLine(ex.Message); 
     } 
     return @"Images/default.jpg"; 
    } 

    async Task<BitmapImage> GetImage(Contact con) 
    { 
     BitmapImage bitmapImage = new BitmapImage(); 
     bitmapImage.DecodePixelHeight = 100; 
     bitmapImage.DecodePixelWidth = 100; 
     using (IRandomAccessStream fileStream = await con.Thumbnail.OpenReadAsync()) 
     { 
      await bitmapImage.SetSourceAsync(fileStream); 
     } 
     return bitmapImage; 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, string culture) 
    { 
     throw new NotImplementedException(); 
    } 
} 

추가 정보는
이 앱은 윈도우 폰 8.1 WinRT 설정됩니다.
연락처를 받으려면 ContactStore를 사용합니다.

IReadOnlyList<Contact> contacts; //Global Declaration 

ContactStore store = await ContactManager.RequestStoreAsync(); 
contacts = await store.FindContactsAsync(); 
ContactsView.ItemsSource = contacts; 

모든 연락처가 기본 연락처 이미지 반환
문제 (접촉 이미지를 얻을하려고 할 때 몇 가지 예외가 의미가 발생했습니다). 대다수의 내 연락처에 이미지가 연결되어 있기 때문에 이런 일이 발생하지 않아야합니다.

질문
어떻게 연락처의 이미지를 얻을 및 윈도우 폰 8.1의 ListView에 내 이미지 컨트롤에 그 바인딩해야합니까?

Answer 1

감사합니다, 내 문제에 대한 해결책을 얻을 수있었습니다.

XAML :

<ListView x:Name="ContactsView" Grid.Row="1" Background="White" ItemsSource="{Binding}"> 
    <ListView.ItemTemplate> 
     <DataTemplate> 
      <Image x:Name="ContactImage" DataContext="{Binding Converter={StaticResource ContactPictureConverter}}" Source="{Binding Result}" Height="100" Width="100" Margin="0,0,0,0"/> 
     </DataTemplate> 
    </ListView.ItemTemplate> 
</ListView> 

변환기 :

using Nito.AsyncEx; 

public class ContactPictureConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, string language) 
    { 
     try 
     { 
      Contact c = value as Contact; 
      return NotifyTaskCompletion.Create<BitmapImage>(GetImage(c)); 
     } 
     catch (Exception ex) 
     { 
      Debug.WriteLine(ex.Message); 
      return null; 
     } 
    } 

    private async Task<BitmapImage> GetImage(Contact con) 
    { 
     using (var stream = await con.Thumbnail.OpenReadAsync()) 
     { 
      BitmapImage image = new BitmapImage(); 
      image.DecodePixelHeight = 100; 
      image.DecodePixelWidth = 100; 

      image.SetSource(stream); 
      return image; 
     } 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, string culture) 
    { 
     throw new NotImplementedException(); 
    } 
} 

패키지 : Nuget

에서
Nito.AsyncEx 당신이 한 일을 할 수

Answer 2

문제가 된 GetImage 방법은 비동기입니다, 그래서 당신이 완료 결과를 기다릴 필요가 : Romasz 및 Murven에

 Task<BitmapImage> getImageTask = GetImage(c); 
     getImageTask.RunSynchronously(); 
     return getImageTask.Result; 

Answer 3

..

연락처 클래스에서 모든 이미지를 가져 와서 배열이나 스택 또는 BitmapImages 목록에 저장할 수 있습니다.당신은 하나의 이미지를 가져 오지 그냥 이미지의 소스로 설정 할 수 있습니까 여기 q

Contact c = value as Contact; foreach(var p in c) { q.Add(p.Thumbnail); }

가 list of bitmapmages

Answer 4

public static BitmapImage GetImage(Contact con) 
    { 
     if (con == null || con.Thumbnail == null) 
     { 
      return null; 
     } 

     var bitmapImage = new BitmapImage(); 
     bitmapImage.DecodePixelHeight = 256; 
     bitmapImage.DecodePixelWidth = 256; 


     Action load = async() => 
     { 
      using (IRandomAccessStream fileStream = await con.Thumbnail.OpenReadAsync()) 
      { 
       await bitmapImage.SetSourceAsync(fileStream); 
      } 
     }; 

     load(); 

     return bitmapImage; 
    }