[Windows 8] ToggleSwitch와 slider control

사실 요 근래에 간단한 Windows 8용 앱을 만들었습니다. 제가 취미시간에 주로 공부하는 것이 Kinect에 관한 내용이었으니까 해외에서 Kinect에 관한 내용을 가장 많이 다루는 사이트에 대한 RSS reader기를 만들었습니다.

 

 

물론 RSS Reader기에 대한 예제는 Windows 8 개발자 홈페이지에 예시로 나와있습니다만... 몇개 사이트는 그 예제로는 RSS를 받을 수가 없더군요. 그래서 구글링을 열심히 해서 그 예외되는 사이트에 대해서도 RSS를 받을 수 있게끔 했습니다. 그 결과가 위처럼 나타나고 있습니다. 재미있는 건 Content를 받을 때 html 태그도 같이 딸려서 넘어오더군요.. 이 부분은 점차적으로 수정해나가야 할 부분인 것 같습니다.

  아무튼 이번 포스팅에서 다뤄볼 내용은 Windows 8에서 제공하는 다양한 버튼 중 ToggleSwitch와 Slider Control의 사용에 대해서 알아보고자 합니다. 우선은 새로운 Blank Application 프로젝트를 생성하고 이름을 ControlTest라고 해봅시다. 가운데에 grid가 하나있는데 이름을 LayoutRoot로 지정하고 다음과 같이 채워봅시다.

 

 

그러면 디자인뷰상에서도 다음과 같이 출력될겁니다.

 

 

이제 ToggleSwitch를 조절하기 위해서 cs 코드 상에서 이에 관한 이벤트를 작성해줘야 하겠지요. BlankPage가 켜지는 시점에서 해당 이벤트를 작성해줍니다. 그러면 이전 포스트에서 언급한 것과 같이 이벤트를 자동으로 생성해주는 아이콘이 조그맣게 뜨게 됩니다.

 

 

이 키를 누르게 되면 자동으로 이벤트 핸들러가 생성됩니다. 이제 이 안을 다음과 같이 채워줍니다.

 

 

xaml 코드상에서 OnContent와 OffContent에 대한 설명이 있었습니다. 말그대로 OnContent는 켜졌을때의 값, OffContent는 꺼졌을 때의 값을 표현하는 것이 됩니다. 한번 결과를 보겠습니다.

 

 

이런 식으로 ToggleSwitch를 제어할 수 있습니다. 다음은 SliderControl입니다. xaml코드상에서 TextBlock아래에 바로 작서해보겠습니다.

 

 

그러면 디자인뷰상으로 화면을 가로지르는 slider가 생성됩니다.

 

 

역시 이에 대한 이벤트를 cs코드 상에서 작성해줘야 합니다. 우선 먼저 blankPage가 실행되는 시점에서는 이벤트의 정의가 이뤄져야 하겠지요. 그리고 그에 해당하는 코드를 작성해주면 되는데 여기서는 위의 폰트가 너무 작아보이니까 폰트의 크기를 수정하는 이벤트를 생성하겠습니다.

 

 

역시 결과를 생각한 그대로 나옵니다. 한번 확인해보시죠.

 

 

기존에 언급되었던 Wpf의 사용이나 응용 측면에서 다른게 없습니다. 그냥 기존에 배웠던 그대로 windows 8 에 적용시킬 수 있다는 것이 큰 특징입니다.