BooleanToVisibilityConverter (WPF)

안녕하세요. 반짝 반짝 빛나는 성남미입니다.

BooleanToVisibilityConverter를 이용해 라디오버튼으로 쉽게 Visibility를 제어해 보겠습니다.

 

 

먼저 화면을 준비합니다. 라디오 버튼을 3개 나열해 놓고 각각 이름을 넣습니다.

 

 

각각 라디오 버튼을 누르면 나올 도형을 3개 넣어줍니다.

 

 

세개의 도형을 우선 안보이게 Collapsed를 잡아 줍니다.

 

 

Rectengle 레이어를 잡고 Visibility 오른쪽 네모를 누릅니다.

 

 

Data Binding을 누릅니다.

 

 

Element Property를 누릅니다.

 

 

① Rectengl의 Visibility 제어할 라디오 버튼(rdb_Rectengle)을 누르고, ② IsChecked로 설정합니다.

③ 번을 누르면 설정창이 활성화 됩니다.

 

 

Value converter 오른쪽 … 버튼을 누릅니다

 

 

BooleanToVisibilityConverter를 선택하고 확인을 누릅니다.

 

 

 

 

<Rectangle x:Name="Rectangle" Fill="#FFD4D84D" Height="250" HorizontalAlignment="Center" VerticalAlignment="Center" Width="250" Visibility="{Binding IsChecked, Converter={StaticResource BooleanToVisibilityConverter}, ElementName=rdb_Rectengle}">

 Rectangle에 Visibility의 바인딩 소스가 잘 걸렸음을 확인할 수 있습니다.

 나머지 도형도 같은 방법으로 바인딩을 걸어주시면 됩니다.

 

 

빌드를 해보겠습니다. 처음 화면은 모두 Collapse 되어 있어서 아무것도 보이지 않습니다.

라디오 버튼을 클릭해 보겠습니다.

 

 

라디오 버튼이 체크되었을 때 도형의 Visibility가 제어됨을 확인할 수 있습니다.