7

我像这样将URL保存在数据库中

〜/图像/问题/drink.png

因此,当我在我的 WPF 应用程序中检索它时,我尝试这样做:

            Image img = new Image();
            img.Width = Double.NaN;
            img.Height = Double.NaN;

    //      string fullFilePath = Path.Combine(@"C:\Users\apr13mpsip\Documents\Visual Studio 2010\Projects\iStellarMobile\iStellarMobile\Images\Questions", lstQuestion[i].ImageURL.Substring(1));
            string fullFilePath = @"C:\Users\apr13mpsip\Documents\Visual Studio 2010\Projects\iStellarMobile\iStellarMobile\Images\Questions\drink.png";
            BitmapImage bi = new BitmapImage();
            bi.BeginInit();
            bi.UriSource = new Uri(fullFilePath, UriKind.Relative); 
            bi.EndInit();


            img.Source = bi;
            wrapPanel1.Children.Add(img);

lstQuestion[i].ImageURL 是我从数据库中检索的 URL。但它不起作用......当我运行它时它什么也不显示,所以我通过手动输入整个目录尝试了完整路径,但它仍然不起作用,我在这里出了什么问题?

当我调试它时,它只显示 Images\Questions\drink.png 而不是完整路径

当我使用

Path.Combine(@"C:\Users\apr13mpsip\Documents\Visual Studio 2010\Projects\iStellarMobile\iStellarMobile", lstQuestion[i].ImageURL.Substring(1));

,它说无法确定 URL,当我调试它时,它只读取为 Images\Questions\drink.png 而不是完整路径。

4

1 回答 1

19

您正在指定 UriKind.Relative 而您应该使用 UrlKind.Absolute
因为您可能正在从数据库加载完整的 url,例如

http://www.americanlayout.com/wp/wp-content/uploads/2012/08/C-To-Go-300x300.png

而 UriKind.Relative 将用于类似

/wp/wp-content/uploads/2012/08/C-To-Go-300x300.png

在任何情况下,以下代码都有效:

var image = new Image();
var fullFilePath = @"http://www.americanlayout.com/wp/wp-content/uploads/2012/08/C-To-Go-300x300.png";

BitmapImage bitmap = new BitmapImage();
bitmap.BeginInit();
bitmap.UriSource = new Uri(fullFilePath, UriKind.Absolute);
bitmap.EndInit();

image.Source = bitmap;
wrapPanel1.Children.Add(image);

无需将 image.Width & Image.Height 设置为 Double.Nan

边注。虽然您当然可以像这样在运行时加载图像,但最好使用 WPF 数据绑定(最好使用 MVVM 之类的东西)

基本上你会有一个带有 WrapPanel 的 ListBox 作为 ItemsPanelTemplate 然后将 ItemsSource 设置为你的列表(lstQuestions)。

<ListBox ItemsSource={Binding lstQuestions}>
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel/>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Image Source="{Binding Path, Converter={StaticResource MyPathConverter}}"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

您可以将图像绑定到代表路径的任何属性,并使用 ValueConverter 来规范化路径。

public class PathConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        string path = value.ToString();
        if (path.StartsWith("\\")
            path = path.Substring(1);

        return Path.Combine("whateveryourbasepathis", path);
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

该代码只是一种让您了解前进方向的方法。关键是您可能想要查找 WPF 数据绑定,而不是使用代码进行操作。

于 2013-08-26T02:49:09.530 回答