WP7图像结合 [英] WP7 image binding

问题描述

我有一个包含一个列表框一个Windows Phone 7应用程序。我想，在列表框中的每个项目有一个特定的图像。

I have a Windows phone 7 application which contains a listbox. I want, for each item in the listbox to have a particular image.

<ListBox Height="606" HorizontalAlignment="Left" ScrollViewer.VerticalScrollBarVisibility="Visible"
                 Margin="20,20,0,0" 
                 Name="listBox1" VerticalAlignment="Top" Width="414" ItemsSource="{Binding SubList, Mode=OneWay}">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <Image Height="50" Width="50" 
                               VerticalAlignment="Top" Margin="0,10,8,0" Source="{Binding Image, Mode = OneWay}"/>
                        <StackPanel Orientation="Vertical">
                            <HyperlinkButton Content="{Binding Cathegory, Mode=OneWay}" NavigateUri="" HorizontalAlignment="Right">
                            </HyperlinkButton>
                        </StackPanel>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

和绑定到Image控件的来源属性的属性是一个URI。
我的问题是，图像没有在列表框中所示。
我一直在使用一个字符串，而不是开放的尝试，但我得到了同样的问题。

And the property binded to the Source property of the Image control is an Uri. My problem is that the image is not shown in the listbox. I have tried using a string instead of the Uri but I get the same issue.

我好心AP preciate任何帮助。）

I kindly appreciate any help :).

推荐答案

这应该工作：

public class Item
{
    public int Number { get; set; }

    public Uri ImageUri { get; set; }

    public Item(int number, Uri imageUri)
    {
        Number = number;
        ImageUri = imageUri;
    }
}
And the datatemplate:


<ListBox x:Name="Items">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Number}"></TextBlock>
                <Image Source="{Binding ImageUri}"></Image>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

这篇关于WP7图像结合的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！