View-ViewModel 간 Binding 시 자료형의 변환이 필요한 경우가 많이 있습니다. ViewModel의 bool 타입이 View의 Visibility속성에 Binding 될 경우가 대표적입니다. 이때 Converter를 사용하여 원하는 동작을 구현할 수 있습니다. 이번 포스팅에서는 bool 타입을 SolidColorBrush (Background 등의 xaml에서 색을 결정하는 Class) 로 변환하는 예제입니다.
✅ BooleanToSolidColorBrushConverter
BooleanToSolidColorBrushConverter.cs
[ValueConversion(typeof(bool), typeof(SolidColorBrush))]
public class BooleanToSolidColorBrushConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
if (((bool)value) == true)
{
return Brushes.Red;
}
return Brushes.Green;
}
public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
{
SolidColorBrush color = value as SolidColorBrush;
if (color != Brushes.Red)
{
return true;
}
return false;
}
}
ViewModel
private bool _isRed;
public bool IsRed
{
get => _isRed;
set { _isRes = value; OnPropertyChanged(nameof(IsRed)); }
}
xaml
// Resource 등록
<Page.Resources>
<Converter:BooleanToSolidColorBrushConverter x:Key="colorconv"/>
</Page.Resources>
<Button Background="{Binding IsRed, Converter={StaticResource colorconv}}" Content = "Test"/>ViewModel이 true 일 때는 Red, false 일 때는 Green으로 변환합니다.
응용하면 다양한 Converter를 만드실 수 있습니다.
✅ BooleanToSolidColorBrushConverter - 끝
