将 base64 字符串图像绑定到列表视图中 windows phone 中存储在 SQLite 数据库中 8.1

Question

我已将图像转换为 base64 字符串并将其作为 public string ProfileImage { get; set; } 保存在 SQLite 数据库中我想像绑定名称和地址一样将图像绑定到列表视图中。

XAML

<ListBox.ItemTemplate>
    <DataTemplate>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>

            <Border Background="{ThemeResource ListViewItemPlaceholderBackgroundThemeBrush}" Margin="0,10,0,0" Grid.Column="0" HorizontalAlignment="Left">
                <Image  x:Name="proImg" Source="{Binding ProfileImage}"  Stretch="UniformToFill" Height="79" Width="79"/>
            </Border>
            <StackPanel Grid.Column="1" Margin="14.5,0,0,0">
                <TextBlock Margin="5,0,0,0" Grid.Row="0" x:Name="NameTxt" TextWrapping="Wrap" Text="{Binding Name}" FontSize="32" Foreground="White" Style="{ThemeResource ListViewItemTextBlockStyle}"/>
                <TextBlock Margin="5,0,0,0" Grid.Row="1" x:Name="PhoneTxt"  TextWrapping="Wrap" Foreground="White" FontSize="20" Text="{Binding Address}" />
            </StackPanel>
        </Grid>
    </DataTemplate>
</ListBox.ItemTemplate>

我在其他地方用base64字符串转图片的代码

public static BitmapImage Base64StringToBitmap(string source)
{
    var ims = new InMemoryRandomAccessStream();
    var bytes = Convert.FromBase64String(source);
    var dataWriter = new DataWriter(ims);
    dataWriter.WriteBytes(bytes);
    dataWriter.StoreAsync();
    ims.Seek(0);
    var img = new BitmapImage();
    img.SetSource(ims);
    return img;
}

是否可以像这样绑定图像源

Source="{Binding Base64StringToBitmap(ProfileImage)}"

Answer 1

您应该添加一个 XAML IValueConverter 来绑定您的图像 scenario.Converter 会将 Base64String 转换为位图图像。

添加一个 class 接口 IValueConverter，如下所示。

public class PictureConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        if (value == null)
        {
            return null;
        }

        string item = value.ToString();

        BitmapImage objBitmapImage = new BitmapImage();
        objBitmapImage = NewViewModel.Base64StringToBitmap(item);
        return objBitmapImage;
    }

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

现在在资源字典或页面中为该转换器定义一个键

<Page.Resources>
    <local:PictureConverter x:Key="PictureConverter"/>
</Page.Resources>

然后在XAML

中绑定你的密钥

<Image  x:Name="proImg" Source="{Binding ProfileImage,Converter={StaticResource PictureConverter}}"  Stretch="UniformToFill" Height="79" Width="79"/>

希望现在显示图像。

Answer 2

您不能像这样调用 Xaml 绑定中的方法。您需要通过实现 IValueConverter 来转换它，然后绑定它。你应该像这样使用 ValueConverter。

public class StringToBitmapConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        if (value != null)
        {
        string source = value.ToString();
var ims = new InMemoryRandomAccessStream();
    var bytes = Convert.FromBase64String(source);
    var dataWriter = new DataWriter(ims);
    dataWriter.WriteBytes(bytes);
    dataWriter.StoreAsync();
    ims.Seek(0);
    var img = new BitmapImage();
    img.SetSource(ims);
    return img;
        }
return null;
    }

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

并像这样在 Xaml 中使用此转换器

xmlns:MyConverter="using:Your converter namespace  path"

<Page.Resources>
    <MyConverter:StringToBitmapConverter x:Key="ImageShow"/>
</Page.Resources>

<Image  x:Name="proImg" Source="{Binding ProfileImage,Converter={StaticResource ImageShow}}"  Stretch="Fill" Height="60" Width="60"/>

将 base64 字符串图像绑定到列表视图中 windows phone 中存储在 SQLite 数据库中 8.1

Binding base64 String Image into List view Stored in SQLite Database in windows phone 8.1

c#

sqlite

base64

windows-phone-8.1