binding image in windows phone 8 - image

Question

Can i bind image to xaml without needing to use image source (the predominant method) which it is (In xaml page):
<Image Height="170" Width="220" Source="{Binding Source=Img}" ></Image>
because i have image converted from byte array and doesn't have any name or source.
like here:
Image Img = new Image();
Img=ByteArraytoBitmap(ob0[0].Img.ToArray());
public BitmapImage ByteArraytoBitmap(Byte[] byteArray)
{
MemoryStream stream = new MemoryStream(byteArray);
BitmapImage bitmapImage = new BitmapImage();
bitmapImage.SetSource(stream);
return bitmapImage;
}

Answer 1

You could just add a BitmapImage property on your object (the class of ob0[0]) and then the bitmap image can be directly be binded to the source of the Image (Note that the binding should be Source="{Binding Img}" and not Source="{Binding Source=Img}".
The other solution would for you to create an attached property, something like this should work:
public class MyAttachedProperty
{
public static readonly DependencyProperty ByteArraySourceProperty =
DependencyProperty.RegisterAttached("ByteArraySource", typeof (Byte[]), typeof (MyAttachedProperty), new PropertyMetadata(default(Byte[],byteArraySource)))
private static void byteArraySource(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
Image img = d as Image;
if (e.NewValue != null)
{
img.Source = ByteArraytoBitmap((Byte[]) e.NewValue);
}
}
public static BitmapImage ByteArraytoBitmap(Byte[] byteArray)
{
MemoryStream stream = new MemoryStream(byteArray);
BitmapImage bitmapImage = new BitmapImage();
bitmapImage.SetSource(stream);
return bitmapImage;
}
public static void SetByteArraySource(UIElement element, Byte[] value)
{
element.SetValue(ByteArraySourceProperty, value);
}
public static Byte[] GetByteArraySource(UIElement element)
{
return (Byte[]) element.GetValue(ByteArraySourceProperty);
}
}
then to do the binding you can just use it like this:
<Image Height="170" Width="220" local:MyAttachedProperty.ByteArraySource="{Binding Img}" ></Image>