Associare Image.Source secondo il booleano senza un convertitore?
-
13-09-2019 - |
Domanda
Voglio avere un'immagine legata ad un valore booleano e hanno la fonte dell'immagine dipende dal valore booleano
vale a dire. vera fonte = "Image1" false source = "image2"
Mi chiedevo se c'è un modo per farlo in linea, senza necessità di un convertitore.
Soluzione
È possibile creare uno stile sulla immagine che utilizza un DataTrigger per scambiare l'origine delle immagini a seconda di una vincolante. In questo esempio, l'immagine cambia a seconda del valore di un valore booleano chiamato semplicemente "Valore".
<Image Width="16">
<Image.Style>
<Style TargetType="{x:Type Image}">
<Style.Triggers>
<DataTrigger Binding="{Binding Value}" Value="False">
<Setter Property="Source" Value="Resources/image1.png"/>
</DataTrigger>
<DataTrigger Binding="{Binding Value}" Value="True">
<Setter Property="Source" Value="Resources/image2.png"/>
</DataTrigger>
</Style.Triggers>
</Style>
</Image.Style>
</Image>
Altri suggerimenti
Se qualcuno è alla ricerca di Value Converter per la rilegatura. Ecco quello che ho usato
<Image Source="{Binding Converter={StaticResource ImageConverter},ConverterParameter=\{Status\}}" />
public class StatusToImageConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
string statusValue = parameter.ToString().ToUpper();
if (!string.IsNullOrEmpty(statusValue))
{
string result = string.Empty;
switch (statusValue)
{
case "IDLE":
result = "idle.png";
break;
case "OFFLINE":
result = "offline.png";
break;
default:
result = "online.png";
break;
}
var uri = new Uri("pack://application:,,,/PIE;component/Images/" + result);
return uri;
}
return string.Empty;
}
// No need to implement converting back on a one-way binding
public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
{
return DependencyProperty.UnsetValue;
}
}
Bounded Enum
public enum DevStatus
{
Idle = 1,
Offline = 2,
Active = 3,
}
Set Enum dal ViewModel e convertitore legherà l'immagine appropriata.
<Image Source="{Binding DevStatus, Converter={StaticResource ImageConverter}}" />
Se stai solo vincolante la proprietà Image::Source
direttamente allora l'unico modo per farlo è con un IValueConverter
personalizzato.