Динамическое изменение источника изображения в приложениях Windows Phone 7.1

Question

У меня есть окно со списком в моем приложении и кнопка внутри этого списка. Я применил изображение к этой кнопке (значок appbar.edit.rest.png). но когда тема меняется на свет, значок не отображается ... что я должен сделать, чтобы динамически изменить этот значок, когда тема изменилась. Код XAML выглядит следующим образом:

<ListBox x:Name="passwordSaferRecordsListBox" ItemsSource="{Binding EntityRecordInfoItems}" Grid.Row="0" Margin="12, 140, 0, 0" FontSize="40" HorizontalAlignment="Center" >    

<ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid HorizontalAlignment="Stretch" Width="440">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>
                        <TextBlock
                            Text="{Binding RecordName}"
                            FontSize="{StaticResource PhoneFontSizeLarge}"
                            Grid.Column="0"
                            VerticalAlignment="Center"/>
                        <Button
                            Grid.Column="1"
                            x:Name="editTaskButton"
                            BorderThickness="0"                                
                            Margin="0"
                            Click="editTaskButton_Click" DataContext="{Binding}">
                            <Image Source="appbar.edit.rest.png"></Image>
                        </Button>
                    </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

Answer 1

Вы можете использовать модель представления с ImageUri:

private Uri imageUrl;

    public Uri ImageUrl
    {
        get { return imageUrl; }

        set
        {
            if (imageUrl != value)
            {
                imageUrl = value;
                RaisePropertyChanged("ImageUrl");
            }
        }
    }

Затем вы переходите к своему XAML и привязываете изображение:

<Image  x:Name="BackgroundImage"  Height="50" Width="50" Stretch="Fill">
  <Image.Source>
       <BitmapImage UriSource="{Binding Path=ImageUrl,Mode=TwoWay}" />
  </Image.Source>
</Image>

Надеюсь, это поможет вам!