<p><a href="https://kaki104.tistory.com/860" target="_top" class="ke-link">Prism Library를 사용하는 개발자를 위한 안내 Part7 - Create RegionAdapter (tistory.com)</a></p><div class="figure-open" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="Prism Library를 사용하는 개발자를 위한 안내 Part7 - Create RegionAdapter" data-og-description="2022.11.30 - [WPF .NET] - Prism Library를 사용하는 개발자를 위한 안내 Part6 - TabControl Region Navigation 2022.11.25 - [WPF .NET] - Prism Library를 사용하는 개발자를 위한 안내 Part5 - Region & ContentControl Region Navigation 202" data-og-host="kaki104.tistory.com" data-og-source-url="https://kaki104.tistory.com/860" data-og-url="https://kaki104.tistory.com/860" data-og-image="https://scrap.kakaocdn.net/dn/cBB0Nt/hyScBlxJ3d/yqzuHhly2YB8Z9fiKUTJyk/img.png?width=511&height=343&face=0_0_511_343,https://scrap.kakaocdn.net/dn/bzOe6n/hySa4Xby0p/OH4FvxIsvKHkUgIOL3mkz1/img.png?width=511&height=343&face=0_0_511_343,https://scrap.kakaocdn.net/dn/Qt1q2/hySaTg4oZE/t6iL3RBFAb239egoNJ1Y00/img.png?width=511&height=343&face=0_0_511_343"><a href="https://kaki104.tistory.com/860" target="_blank" data-source-url="https://kaki104.tistory.com/860"><div class="og-image" style="background-image:url(https://scrap.kakaocdn.net/dn/cBB0Nt/hyScBlxJ3d/yqzuHhly2YB8Z9fiKUTJyk/img.png?width=511&height=343&face=0_0_511_343,https://scrap.kakaocdn.net/dn/bzOe6n/hySa4Xby0p/OH4FvxIsvKHkUgIOL3mkz1/img.png?width=511&height=343&face=0_0_511_343,https://scrap.kakaocdn.net/dn/Qt1q2/hySaTg4oZE/t6iL3RBFAb239egoNJ1Y00/img.png?width=511&height=343&face=0_0_511_343)"></div><div class="og-text"><p class="og-title">Prism Library를 사용하는 개발자를 위한 안내 Part7 - Create RegionAdapter</p><p class="og-desc">2022.11.30 - [WPF .NET] - Prism Library를 사용하는 개발자를 위한 안내 Part6 - TabControl Region Navigation 2022.11.25 - [WPF .NET] - Prism Library를 사용하는 개발자를 위한 안내 Part5 - Region & ContentControl Region Navigation 202</p><p class="og-host">kaki104.tistory.com</p></div></a></div><p><a style="color: #0070d1;" href="https://kaki104.tistory.com/859" target="_blank" class="ke-link">2022.11.30 - [WPF .NET] - Prism Library를 사용하는 개발자를 위한 안내 Part6 - TabControl Region Navigation</a></p><p style="text-align: start;"><a style="color: #0070d1;" href="https://kaki104.tistory.com/858" target="_top" class="ke-link">2022.11.25 - [WPF .NET] - Prism Library를 사용하는 개발자를 위한 안내 Part5 - Region & ContentControl Region Navigation</a></p><p style="text-align: start;"><a style="color: #0070d1;" href="https://kaki104.tistory.com/857" target="_top" class="ke-link">2022.11.18 - [WPF .NET] - Prism Library를 사용하는 개발자를 위한 안내 Part4 - Register Types</a></p><p style="text-align: start;"><a style="color: #0070d1;" href="https://kaki104.tistory.com/856" target="_top" class="ke-link">2022.11.15 - [WPF .NET] - Prism Library를 사용하는 개발자를 위한 안내 Part3 - DelegateCommand</a></p><p style="text-align: start;"><a style="color: #0070d1;" href="https://kaki104.tistory.com/855" target="_top" class="ke-link">2022.10.28 - [WPF .NET] - Prism Library를 사용하는 개발자를 위한 안내 Part2 - 프로젝트 구성 살펴 보기</a></p><p style="text-align: start;"><a style="color: #0070d1;" href="https://kaki104.tistory.com/854" target="_top" class="ke-link">2022.10.27 - [WPF .NET] - Prism Library를 사용하는 개발자를 위한 안내 Part1</a></p><p style="text-align: start;">지금까지 ContentControl, TabControl에 Region을 지정하고 사용하는 방법에 대해서 알아 보았습니다. </p><p style="text-align: start;">이번 포스팅에서는 사용자가 원하는 컨트롤에 Region을 지정하고 사용하기 위해, RegionAdapter를 생성하고, 사용하는 방법을 알아 보도록 하겠습니다.</p><p style="text-align: start;">참고 포스트</p><p style="text-align: start;"><a style="color: #0070d1;" href="https://brianlagunas.com/create-a-custom-prism-regionadapter/" target="_top" class="ke-link">Create a Custom Prism RegionAdapter - Brian Lagunas</a></p><div class="figure-open" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="Create a Custom Prism RegionAdapter - Brian Lagunas" data-og-description="Don’t want to read the article?  Watch the video tutorial on Xaml TV. Prism provides 4 region adapters out of the box for you: ContentControlRegionAdapter SelectorRegionAdaptor ItemsControlRegionAdapter TabControlRegionAdapter (Silverlight only) Well, w" data-og-host="brianlagunas.com" data-og-source-url="https://brianlagunas.com/create-a-custom-prism-regionadapter/" data-og-url="https://brianlagunas.com/create-a-custom-prism-regionadapter/" data-og-image="https://scrap.kakaocdn.net/dn/cTDqMc/hyQKWd43cC/WJY3F3reAKjZYGCDeVJ0hk/img.png?width=1500&height=500&face=0_0_1500_500,https://scrap.kakaocdn.net/dn/sdbXp/hyQKNIe4bm/d829BxEDvv9R1G6mx2L0h1/img.png?width=650&height=315&face=428_79_513_164"><a href="https://brianlagunas.com/create-a-custom-prism-regionadapter/" target="_blank" data-source-url="https://brianlagunas.com/create-a-custom-prism-regionadapter/"><div class="og-image" style="background-image:url(https://scrap.kakaocdn.net/dn/cTDqMc/hyQKWd43cC/WJY3F3reAKjZYGCDeVJ0hk/img.png?width=1500&height=500&face=0_0_1500_500,https://scrap.kakaocdn.net/dn/sdbXp/hyQKNIe4bm/d829BxEDvv9R1G6mx2L0h1/img.png?width=650&height=315&face=428_79_513_164)"></div><div class="og-text"><p class="og-title">Create a Custom Prism RegionAdapter - Brian Lagunas</p><p class="og-desc">Don’t want to read the article?  Watch the video tutorial on Xaml TV. Prism provides 4 region adapters out of the box for you: ContentControlRegionAdapter SelectorRegionAdaptor ItemsControlRegionAdapter TabControlRegionAdapter (Silverlight only) Well, w</p><p class="og-host">brianlagunas.com</p></div></a></div><p>1. RegionAdapter를 만들어야 하는 이유</p><ul style="list-style-type: disc;" data-ke-list-type="disc"><li>RegionAdapter의 동작에 기능을 추가해야할 때<ul style="list-style-type: disc;" data-ke-list-type="disc"><li>RegionAdapter를 이용할 때 Behavior를 추가해서 동작에 대한 기능을 추가해야 하는 경우가 있습니다. </li><li>TabItem이 Add, Remove, Close될 때 ViewModel의 특정 메서드 호출하거나, EventAggregator를 통해 이벤트를 발생시키는 등의 동작이 필요한 경우.</li></ul></li><li>새로운 컨트롤에 Region을 만들고 사용하기 위해<ul style="list-style-type: disc;" data-ke-list-type="disc"><li>StackPanel 같은 기존에 기본 컨트롤에 Region 사용</li><li>3rd party 컴포넌트들에 Region을 설정</li></ul></li></ul><p>2. StackPanelRegionAdapter.cs</p><p style="text-align: start;">ReginAdapter를 추가할 때 기본적인 사항만 알면 쉽게 만들 수 있습니다.</p><ul style="list-style-type: disc;" data-ke-list-type="disc"><li>RegionAdapterBase<T>를 상속 받는 클래스를 만듭니다.</li><li>Adapt 메서드 구현<ul style="list-style-type: disc;" data-ke-list-type="disc"><li>region은 논리적인 영역으로, region에 추가/삭제되는 view들을 어떻게 물리적인 regionTarget에 구현을 할 것인지를 정해야 합니다.</li></ul></li><li>CreateRegion()<ul style="list-style-type: disc;" data-ke-list-type="disc"><li>Region에서 한번에 한개의 뷰만 Active 시킬 것인지, 모두 Active 시킬지를 반환해야합니다.</li></ul></li></ul><NotSupported version="1.4" type="codeblock" rawAttribute="{text=using, language=csharp}" /><p style="text-align: start;">새로 생성한 RegionAdapter를 사용하기 위해서는 App.xaml.cs에서 StackPanel과 연결해 주어야 합니다.</p><p style="text-align: start;"><b>App.xaml.cs</b></p><NotSupported version="1.4" type="codeblock" rawAttribute="{text=protected, language=csharp}" /><p style="text-align: start;"><b>MainWindow.xaml</b></p><NotSupported version="1.4" type="codeblock" rawAttribute="{text=<, language=html}" /><p style="text-align: start;"><b>실행</b></p><p style="text-align: start;">시작하면서 바로 Test1 View가 화면에 출력됩니다.</p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://blog.kakaocdn.net/dn/P618s/btrSJXjy7xm/qH2IjhP3Ky96XTFNTsap9k/img.png" class="txc-image" data-img-src="https://blog.kakaocdn.net/dn/P618s/btrSJXjy7xm/qH2IjhP3Ky96XTFNTsap9k/img.png" data-origin-width="511" data-origin-height="343"></div><p style="text-align: start;">Test2View를 클릭해서 Navigate 시켜 줍니다</p><p style="text-align: start;">Test1View와 Test2View 모두 IsActive가 True로 되어있는 것을 볼 수 있습니다.</p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://blog.kakaocdn.net/dn/wQObV/btrSM3XB5BQ/60uv7PLiTfQvSkDekAfFLK/img.png" class="txc-image" data-img-src="https://blog.kakaocdn.net/dn/wQObV/btrSM3XB5BQ/60uv7PLiTfQvSkDekAfFLK/img.png" data-origin-width="511" data-origin-height="343"></div><p>3. 기능 추가</p><p style="text-align: start;">현재 StackPanelRegionAdapter에는 Add는 가능하나 Remove가 불가능 합니다. 닫기 버튼이 없어서 동작을 실행할 수 없기 때문입니다.</p><p style="text-align: start;">닫기 버튼을 눌러서 Region의 View를 지우는 것이 단순한 작업이 아니라 코드를 천천히 살펴 보아야 합니다.</p><p style="text-align: start;">아래 구현한 방법이 정답은 아니기 때문에 원하시는 대로 구현하셔도 괜찮습니다. 다만, Remove시에 Memory Leak이 발생하지 않도록 주의할 필요가 있습니다.</p><p style="text-align: start;"><b>RegionBase.xaml</b></p><p style="text-align: start;">닫기 버튼과 ContentControl이 있는 UserControl을 하나 추가했습니다.</p><p style="text-align: start;">Close 버튼은 Click이벤트를 코드 비하인드에 만들어 주었고, 해당 뷰를 닫는 용도로 사용되는 중간 컨트롤 입니다.</p><blockquote data-ke-style="style2">단순 컨트롤를 만드는 경우에 코드 비하인드를 사용하면, ViewModel이 변형 혹은 변경되는 경우를 막을 수 있습니다.</blockquote><p style="text-align: start;"> </p><NotSupported version="1.4" type="codeblock" rawAttribute="{text=<, language=html}" /><p style="text-align: start;"><b>RegionBase.xaml.cs</b></p><p style="text-align: start;">이 컨트롤은 반드시 Container에서 Resolve를 받아서 사용해야 하고, Resolve시 RegionName을 넘겨줘야 합니다.</p><NotSupported version="1.4" type="codeblock" rawAttribute="{text=///, language=csharp}" /><p style="text-align: start;"><b>StackPanelRegionAdapter.cs</b></p><NotSupported version="1.4" type="codeblock" rawAttribute="{text=case, language=csharp}" /><p style="text-align: start;"><b>실행</b></p><p style="text-align: start;">노란색 영역이 RegionBase이고, 파란색이 Test1View의 영역입니다.</p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://blog.kakaocdn.net/dn/bBJuMU/btrSUbhHqz8/zIlZGExwh4epl6e987zF91/img.png" class="txc-image" data-img-src="https://blog.kakaocdn.net/dn/bBJuMU/btrSUbhHqz8/zIlZGExwh4epl6e987zF91/img.png" data-origin-width="511" data-origin-height="343"></div><p style="text-align: start;"><b>Test2View 버튼 클릭</b></p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://blog.kakaocdn.net/dn/8iuKv/btrSUBUHrCH/YNYuWucX5Oyx9L79U84C4K/img.png" class="txc-image" data-img-src="https://blog.kakaocdn.net/dn/8iuKv/btrSUBUHrCH/YNYuWucX5Oyx9L79U84C4K/img.png" data-origin-width="511" data-origin-height="343"></div><p style="text-align: start;"><b>Test2View 오른쪽 X 버튼 클릭</b></p><p style="text-align: start;">Region에 있는 View를 삭제하면 NotifyCollectixxonChangedAction.Remove 이벤트가 발생하고, 그 때 StackPanel에서 RegionBase와 Test2View를 삭제하게 됩니다.</p><NotSupported version="1.4" type="codeblock" rawAttribute="{text=case, language=csharp}" /><p style="text-align: start;"> </p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://blog.kakaocdn.net/dn/nRDcO/btrSPRxrv3Q/6BVSMULl4pXrQcl9Vonu6k/img.png" class="txc-image" data-img-src="https://blog.kakaocdn.net/dn/nRDcO/btrSPRxrv3Q/6BVSMULl4pXrQcl9Vonu6k/img.png" data-origin-width="511" data-origin-height="343"></div><p>4. 소스</p><p style="text-align: start;"><a style="color: #0070d1;" href="https://github.com/kaki104/WpfTest/tree/master/PrismStep6" target="_top" class="ke-link">WpfTest/PrismStep6 at master · kaki104/WpfTest (github.com)</a></p><div class="figure-open" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="GitHub - kaki104/WpfTest" data-og-description="Contribute to kaki104/WpfTest development by creating an account on GitHub." data-og-host="github.com" data-og-source-url="https://github.com/kaki104/WpfTest/tree/master/PrismStep6" data-og-url="https://github.com/kaki104/WpfTest" data-og-image="https://scrap.kakaocdn.net/dn/dnVNxy/hyQNRRDz50/snmltQW7kRoK6rTeiIVmw0/img.png?width=1200&height=600&face=0_0_1200_600"><a href="https://github.com/kaki104/WpfTest/tree/master/PrismStep6" target="_blank" data-source-url="https://github.com/kaki104/WpfTest/tree/master/PrismStep6"><div class="og-image" style="background-image:url(https://scrap.kakaocdn.net/dn/dnVNxy/hyQNRRDz50/snmltQW7kRoK6rTeiIVmw0/img.png?width=1200&height=600&face=0_0_1200_600)"></div><div class="og-text"><p class="og-title">GitHub - kaki104/WpfTest</p><p class="og-desc">Contribute to kaki104/WpfTest development by creating an account on GitHub.</p><p class="og-host">github.com</p></div></a></div><p style="text-align: start;">이 외에도 Telerik 컨트롤들에 사용되는 리즌 어뎁터도 몇개 만들어 놓은 것이 있는데.. 요청이 있으면 공개하도록 하겠습니다.</p>
<!-- -->
