1

Bindingを使用して画像をリストボックスに入れたい。

以下は、URIを含むオブジェクトです。

_roomView.Room = new Room
        {
            Items = new List<Item> {
            new Item {ItemType = ItemType.BlueKey, ImageUri = "/Escape;component/Images/Items/a.jpg"},
            new Item {ItemType = ItemType.Bracelet, ImageUri = "/Escape;component/Images/Items/b.png"},
            new Item {ItemType = ItemType.Money, ImageUri = "/Escape;component/Images/Items/b.png"}}
        };
        DataContext = _roomView;

以下はXMLです。

  <ListBox x:Name="Mylist">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Margin="5">
                        <Image Source="{Binding Room.Items.ImageUri}" Stretch="None" />
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

画像が表示されていません。

誰かが私がどこで間違っているのか見ることができますか?

4

2 に答える 2

4

画像が表示されない場合-パスを確認してください。たとえば、バインディングのコード

 public class Country
{       
    public String name
    {
        get;
        set;
    }       
    public String Flag
    {
        get
        {
            return "/Image/Countries/" + name + ".png";
        }
    }
}


<Image Width="100" Height="140" HorizontalAlignment="Left" Stretch="UniformToFill">
    <Image.Source>
       <BitmapImage UriSource="{Binding Flag}" CreateOptions="BackgroundCreation" />
    </Image.Source>
</Image>   

プロジェクトのイメージを使用している場合は、必ずコンテンツにビルドし、常に出力ディレクトリにコピーしてください。(イメージのプロパティ)

ちなみに、インターネットからの画像を表示したい場合は、LowProfileImageLoaderを使用する必要があります。詳細については、http://blogs.msdn.com/b/delay/archive/2010/09/02/keep-a-lowを参照してください 。 -profile-lowprofileimageloader-helps-the-windows-phone-7-ui-thread-stay-response-by-loading-images-in-the-background.aspx

 <Image  delay:LowProfileImageLoader.UriSource= "{Binding Flag}" HorizontalAlignment="Left" Stretch="Fill"   VerticalAlignment="Center" Width="24" Height="16" Margin="0,0,10,0"  />
于 2013-02-13T07:03:17.400 に答える
0

する代わりに

DataContext = _roomView;

やった:

Mylist.ItemsSource = _roomView.Room.Items;

およびXML:

<Image Source="{Binding ImageUri}" Stretch="None" />

上記は、すでにRooom.Itemsを渡しているため、Room.Items.ImageUriではなく「ImageUri」を示しています。

于 2013-02-12T23:40:01.577 に答える