Привязать Image.Source по логическому значению без конвертера?
-
13-09-2019 - |
Вопрос
Я хочу, чтобы изображение было привязано к логическому значению, а источник изображения зависел от логического значения.
то естьtrue source="image1" false source="image2"
Мне было интересно, есть ли способ сделать это в режиме онлайн без использования конвертера.
Решение
Вы можете создать стиль изображения, который использует DataTrigger для замены источника изображения в зависимости от привязки.В этом примере изображение меняется в зависимости от значения логического значения, называемого просто «Значение».
<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>
Другие советы
Если кто-то ищет преобразователь значений для привязки.Вот что я использовал
<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;
}
}
Ограниченное перечисление
public enum DevStatus
{
Idle = 1,
Offline = 2,
Active = 3,
}
Установите Enum из ViewModel, и конвертер свяжет соответствующее изображение.
<Image Source="{Binding DevStatus, Converter={StaticResource ImageConverter}}" />
Если вы просто привязываете Image::Source
свойство напрямую, то единственный способ добиться этого — использовать собственный IValueConverter
.