대구 소프트웨어 고등학교 친구들이 Kiosk 개발 시, UserControl을 통한 화면 관리를 할 때 편리하게 관리할 수 있도록 도와주는 라이브러리 입니다.
ZIP 파일 다운로드 후, 압축 해제시 UIStateManagerLibrary 폴더와 Example 폴더가 존재하는데, UIStateManagerLibrary 폴더는 프로젝트에 추가하여 사용하는 Library이고, Example 폴더는 이해를 돕기 위해 만든 사용 예제 프로젝트 입니다.
- UIStateManagerLibrary 사용 방법 1단계
- GitHub에서 ZIP 파일을 다운받은 후 압축 파일을 풀어준다.
1-1. Solution(솔루션) 우 클릭 후, Add -> Existing Project를 누르고 다운 받은 UIStateManagerLibrary 폴더에서 UIStateManagerLibrary.csproj를 찾아서 추가해 줍니다.
- UIStateManagerLibrary 사용 방법 2단계
- Project(프로젝트) 하단의 References를 우 클릭 한 후 Add Reference를 눌러줍니다.
2-1. 프로젝트 탭에서 방금 추가한 Library를 체크하고 OK 버튼을 눌러줍니다.
- UI State Manager Library 사용 방법 3단계
- 여러 컨트롤에서 다루어야 하기에 App.xaml.cs에서 UIStateManager를 미리 선언해둔다. ※이 위치에 필수적으로 선언해두어야 하는 것은 아니지만, 다른 곳에서 사용하고자 할 경우 UIStateManager 클래스의 객체를 만들어 사용해야 합니다. ※
- UI State Manager Library 사용 방법 4단계
- 사용하고자 하는 UserControl들을 만들어 줍니다.
- UI State Manager Library 사용 방법 5단계
- ex)ExampleControl.xaml.cs에서 "ExampleControl : UserControl" 상속을 "ExampleControl : CustomControlModel"로 바꾸어 줍니다.
- UI State Manager Library 사용 방법 6단계
- 만든 UserControl의 XAML 상단 첫 태그를 "UserControl"이 아니라 "base:CustomControl"로 바꾸어 줍니다.
- UI State Manager Library 사용 방법 7단계
- 6단계까지 완료했다면, MainWindow.xaml로 가서 만들어둔 UserControl들을 모두 불러 줍니다.
- UI State Manager Library 사용 방법 8단계
- MainWindow.xaml.cs에서 초기 설정을 진행해 준다.
★☆이렇게 해주면 사용하기 위한 모든 설정은 끝이 납니다. 화면 전환을 위해서는 SwitchCustomControl() 메서드를 이용하면 되고, 사용법은 주석을 다 달아 놓았습니다. 이해가 어려우면 Example 예제를 참고해 주세요. 혹시나 수정, 버그 사항이 있으면 알려주시면 바로 수정하도록 하겠습니다.☆★