Creazione di un controllo immagine invertire i suoi colori in base al tema

Question

Sto cercando di capire come avere un controllo Image nell'applicazione Windows Phone invertire i suoi colori in base all'impostazione dello sfondo globale ("Scuro" o "Chiaro") scelto dall'utente in Impostazioni-> Temi-> Sfondo.

Answer 1

Non esiste un modo integrato per invertire i colori dell'immagine all'interno del framework.

Invece, a causa del sovraccarico di fare questo sul telefono, è necessario creare entrambe le versioni dell'immagine in fase di progettazione/costruzione e quindi scegliere quale versione visualizzare dal codice rilevando Theme Visibility and Opacity.

Answer 2

Devo aggiungere che quello che ho fatto alla fine è stato una continuazione di ciò che Matt ha scritto.

• creare due immagini diverse che hanno diverse versioni dell'immagine (chiaro e scuro) e metterli nella stessa posizione
• impostare la loro visibilità in base alla risorsa tema

gli sguardi di codice In questo modo:

<Image Height="30" HorizontalAlignment="Center" Margin="0,0,0,220" Name="imgDark" Stretch="Fill" Visibility="{StaticResource PhoneLightThemeVisibility}" VerticalAlignment="Center" Width="30" Source="/MyApplication;component/imageDarkTheme.png" /> 
<Image Height="30" HorizontalAlignment="Center" Margin="0,0,0,220" Name="imgLoading" Stretch="Fill" Visibility="{StaticResource PhoneDarkThemeVisibility}" VerticalAlignment="Center" Width="30" Source="/MyApplication;component/imageLightTheme.png" /> 

Answer 3

Questa domanda è di 1,5 anni. Ma here è il modo più semplice per fare ciò che vuoi. L'esempio fornito è molto semplice come

<Button> 
    <Image Stretch="None" Source="{Binding Converter={StaticResource ThemedImageConverter}, ConverterParameter={StaticResource PhoneBackgroundColor} }" 
      DataContext="/WP7SampleProject4;component/Images/{0}/appbar.feature.camera.rest.png" /> 
</Button>