0

我无法创建一个也显示图片的模型,

我的模型课:

   public class City
{
    public string Name
    {
        get;
        set;
    }

    public Image Country
    {
        get;
        set;
    }
}

然后在我的 mainpage.xaml.cs 中:

List<City> source = new List<City>();
 BitmapImage bi = new BitmapImage(new Uri("/PhoneApp7;component/Images/test.png",    UriKind.Relative));
        City new_city = new City();

        new_city.Name = "Africa";
        new_city.Country.Source = bi;
        new_city.Language = "xhosa";

        source.Add(new_city);

        citiesList.ItemsSource = source;

我得到一个空引用异常,我不确定我做错了什么,是否有另一种方法可以将图像添加到数据绑定源?


我试过这个:

 public class City
{
    public City(Uri countryUri)
    {
        Country = new BitmapImage(countryUri);
    }

    public string Name
    {
        get;
        set;
    }

    public BitmapImage Country
    {
        get;
        set;
    }

    public string Language
    {
        get;
        set;
    }
}

应用程序.xaml:

  <DataTemplate x:Key="citiesItemTemplate">
        <StackPanel Grid.Column="1"  VerticalAlignment="Top">
            <TextBlock Text="{Binding Name}" FontSize="26"  Margin="12,-12,12,6"/>
            <Image Source="{Binding Path=Country}" />
            <TextBlock Text="{Binding Language}" Foreground="Orange" />
        </StackPanel>
    </DataTemplate>

主页.xaml

  List<City> source = new List<City>();

        Uri bi = new Uri("/Images/test.png", UriKind.Relative);
        City new_city = new City(bi) { Name = "Africa", Language = "xhosa", };

        new_city.Name = "Africa";
        new_city.Language = "Xhosa";

        source.Add(new_city);

        citiesList.ItemsSource = source;

主页.xaml:

  <phone:LongListSelector  x:Name="citiesList"  
                                 Background="Transparent"
                                 ItemTemplate="{Binding citiesItemTemplate}"
                                 />

但是现在应该显示图像的位置,它只显示phoneapp7.Model.City,不确定我做错了什么?

4

2 回答 2

1

您的模型不应具有 type 属性Image,因为Image它是属于视图的控件。把它改成这样:

public class City
{
    public string Name { get; set; }
    public ImageSource Country { get; set; }
}

然后像这样分配属性:

new_city.Country = bi;

您也可以只在模型中使用图像 URL:

public class City
{
    public string Name { get; set; }
    public Uri Country { get; set; }
}

new_city.Country = new Uri(...);

无论哪种情况,您的视图中都会有一个Image控件,其Source属性绑定到模型:

<Image Source="{Binding Country}"/>
于 2013-07-16T11:30:19.387 回答
0

当然,您会遇到空引用异常,因为您没有初始化图像并尝试访问其属性之一。

在模型中使用 BitmapImage 代替图像。

然后在模板中的 xaml 中创建 Image 控件并将其与属性 Country 绑定

在这里检查答案C# 初始化类

于 2013-07-16T11:27:39.933 回答