Bind Image.Source acordo com booleana sem um conversor?
-
13-09-2019 - |
Pergunta
Eu quero ter uma imagem vinculada a um boolean e têm a origem da imagem a depender do valor booleano
i. verdadeira fonte = "image1" falsa source = "image2"
Eu queria saber se existe uma maneira de fazê-lo em linha, sem necessidade de um conversor.
Solução
Você pode criar um estilo na imagem que utiliza um DataTrigger para trocar a fonte de imagem de acordo com uma ligação. Neste exemplo, a imagem muda de acordo com o valor de um booleano chamado simplesmente de "Valor".
<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>
Outras dicas
Se alguém está procurando Value Converter para a ligação. Aqui está o que eu usei
<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;
}
}
Limitada Enum
public enum DevStatus
{
Idle = 1,
Offline = 2,
Active = 3,
}
Set Enum de ViewModel e conversor irá vincular a imagem apropriada.
<Image Source="{Binding DevStatus, Converter={StaticResource ImageConverter}}" />
Se você está apenas a ligação a propriedade Image::Source
diretamente, então a única maneira de conseguir isso é com um IValueConverter
personalizado.