記事一覧

バイト配列(Byte[])の画像データをImageコントロールにバインドする方法 | Xamarin.Forms


今回は前回に引き続き、変換したByte配列をImageコントロールにバインドする方法をご紹介いたします。



前提条件
・Windows10
・Visual Studio 2015 Community Update3
・Xamarin 4.3.0.784 (NuGet Xamarin.Forms 2.3.4.224)
・macOS Sierra 10.12.4 / Xcode8.3.1 / Xamarin.iOS 10.4.0.123



1.バインドする為のコンバーターを作成する

C#
using System;
using System.IO;
using Xamarin.Forms;
public class ImageSourceFromByteArrayConverter : IValueConverter
    {
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        ImageSource imgSource= null;
        if (value != null)
        {
            byte[] byteArray = (byte[])value;
            imgSource= ImageSource.FromStream(() => new MemoryStream(byteArray));
        }
        return imgSource;
    }
    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}



2.Imageコントロールにバインドする

XAML
<Image x:Name="imgPicture" 
            Aspect="AspectFill"
            HeightRequest="100"
            WidthRequest="100"
            HorizontalOptions="StartAndExpand" />


C#
//バインドするエンティティをインスタンス化する
CustomerInfo cInfo = new CustomerInfo
//Streamをバイト配列に変換する
cInfo.Picture = ImgConverter.GetByteArrayFromStream(stream);
//Imageコントロールのバインド方法を変更する
imgPicture.SetBinding(Image.SourceProperty,
new Binding("Picture",
BindingMode.Default,
new ImageSourceFromByteArrayConverter(),
null));
//バインドする
this.BindingContext = cInfo;



※StreamをByte配列に変換するImgConverter.GetByteArrayFromStreamは前回の記事をご参考ください。
http://itblogdsi.blog.fc2.com/blog-entry-141.html




最後までお読みいただきありがとうございます。
当ブログの内容をまとめた Xamarin逆引きメニュー は以下のURLからご覧になれます。
http://itblogdsi.blog.fc2.com/blog-entry-81.html


関連記事

コメント

コメントの投稿

広告

プロフィール

石河 純


著者名 :石河 純
自己紹介:素人上がりのIT技術者。趣味は卓球・車・ボウリング

IT関連の知識はざっくりとこんな感じです。
【OS関連】
WindowsServer: 2012/2008R2/2003/2000/NT4
Windows: 10/8/7/XP/2000/me/NT4/98
Linux: CentOS RedHatLinux9
Mac: macOS Sierra 10.12 / OSX Lion 10.7.5 / OSX Snow Leopard 10.6.8
【言語・データベース】
VB.net ASP.NET C#.net Java VBA
Xamarin.Forms
Oracle10g SQLServer2008R2 SQLAnywhere8/11/16
ActiveReport CrystalReport ReportNet(IBM)
【ネットワーク関連】
CCNP シスコ技術者認定
Cisco Catalyst シリーズ
Yamaha RTXシリーズ
FireWall関連
【WEB関連】
SEO SEM CSS IIS6/7 apache2

休みの日は卓球をやっています。
現在、卓球用品通販ショップは休業中です。