如何在不创建List <string>的情况下将图像源绑定到路径列表?

时间:2015-08-11 04:24:39

标签: c# wpf xaml windows-phone-8 windows-phone-8.1

我想创建一个ListView,其中包含描述和几个图像(作为标记)。

例如:

item1 USA image1 image2 image3

item2 Canada image2 image3 image4

item3 France image1 image3 image4

由于这些图像只是标签,因此可能会重复使用。

此ListView的xaml是

    <ListView x:Name="MyList">
        <ListView.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal">
                    <TextBlock x:Name="Coutry" Text="{Binding CountryName}"/>
                    <GridView>
                        <GridView.ItemTemplate>
                            <DataTemplate>
                                <Image x:Name="CountryTags" Source="{Binding CountryProperty}"/>
                            </DataTemplate>
                        </GridView.ItemTemplate>
                    </GridView>
                </StackPanel>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>

用于绑定的类的C#代码:

public class Country
{
    public string CountryName { get; set; }
    // this list store image path for tags required for each country
    public List<string> CountryProperty { get; set; }

    public Country(string CountryName, List<string> CountryProperty)
    {
        this.CountryName = CountryName;
        this.CountryProperty = CountryProperty;
    }    
}

主程序的C#代码:

    protected override void OnNavigatedTo(NavigationEventArgs e)
    {
        this.navigationHelper.OnNavigatedTo(e);

        List<Country> Countries = new List<Country>();
        List<string> ImgPath = new List<string>();

        // first country
        ImgPath.Add("Assets/Image1");
        ImgPath.Add("Assets/Image2");
        ImgPath.Add("Assets/Image3");
        Countries.Add(new Country("USA", ImgPath));

        // second country
        ImgPath.Add("Assets/Image2");
        ImgPath.Add("Assets/Image3");
        ImgPath.Add("Assets/Image4");
        Countries.Add(new Country("Canada", ImgPath));

        // third country
        ImgPath.Add("Assets/Image1");
        ImgPath.Add("Assets/Image3");
        ImgPath.Add("Assets/Image4");
        Countries.Add(new Country("France", ImgPath));

        // bind data
        MyList.ItemsSource = Countries;
    }

在此示例中,image3出现在三个国家/地区,因此它的路径应存储在三个不同的列表中。但是,所有这些路径都是相同的,&#34;资产/图像3&#34; !

我认为将每个国家/地区列表中的所有路径存储在很多空间中,因为所有的图像路径都会重复出现。图像源是否有必要与列表绑定?或者是否有任何其他方法使图像源与少量源数据绑定但重复频率高?

1 个答案:

答案 0 :(得分:0)

当您在GridView中使用DataTemplate时,可以使用TemplateSelector作为替代方法。根据需要在Xaml中使用source编写不同的DataTemplates,然后使用contentPresenter在运行时将该模板添加到ListView DataTemplate。

<DataTemplate>       
          <ContentPresenter 
              ContentTemplateSelector="{StaticResource ResourceKey=myImageTemplateSelector}">
          </ContentPresenter>

</DataTemplate>