GINS WIKI 긴스 위키

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
WPF 기반<color silver><sup>아닌가?</sup></color> 사용 가능한 새로운 UI 프레임워크

====== 레퍼런스 ======

  * [[https://mui.codeplex.com/|ModernUI]]
  * [[https://mui.codeplex.com/SourceControl/latest|예제]] : 문서보다는 예제를 보는 것이 

===== 코드 영역 =====

사용하는 Namespace

<code csharp>
using FirstFloor.ModernUI.Presentation;
using FirstFloor.ModernUI.Windows.Controls;
</code>

대화상자

<code csharp>
ModernDialog.ShowMessage( "A messagebox by button", "<Title>", MessageBoxButton.OK );
</code>

===== XAML 영역 =====

Namespace 추가

<code xml>
< ...
xmlns:mui="http://firstfloorsoftware.com/ModernUI"
... >
</code>

XAML 코드 내에서

  * Visual Studio 2012 의 NuGet <color silver><sup>또는 기본패키지인가?</sup></color> 으로 ModerUI를  설치할 수 있다고
  * 이게 언제부터 깔려 있었지??

빈페이지 하나에 들어가는 엄청난 NS 들!!

  * 애매하면 다 댑따 때려 넣기

<code xml>
<UserControl x:Class="ModernUIApp1.Content.TargetServerSetting"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:mui="http://firstfloorsoftware.com/ModernUI"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
</code>

====== 폴더 구조 ======

룰은 아닌 것 같고, 페이지 역할에 따라 분류하는 것 같은데. 위저드에 있는데로 만들어진 것을 그대로 쓰고 적당한 위치에 넣어주면 된다.

  * Content : Pages에서 불러들이는 페이지. **Pages** 가 불러 들이는 거라서 감각적으로 들어갈 것 같다 싶은걸 넣는다.
  * Pages : 메인 메뉴에서 눌렀을 때 표시할 페이지 xaml
  * App.xaml : 앱의 메인. ModernUI를 설정하는 역할을 하는데, VS2012에서 다크테마 때문에 컨트롤이 잘 안보인다면 [[[[tool:microsoft-visual-studio:2012-다크테마-xaml-designer-밝게-표시|여기]]
  * MainWindow.xaml : 메인 윈도우 부분인데 **메뉴를 추가하는데 사용한다.** \\ {{:sdk:modern-ui-for-wpf:modernui_sample_mainwindow_menu.png?direct&400|}}

====== 메뉴 ======

====== 페이지 레이아웃 (Layout) ======

===== Wireframe =====

===== Basic =====

===== Split =====

===== List =====

설명

  - Home.xaml 파일이 메인 페이지 (앱이 시작될때 표시하도록 설정되었다고 하고)
  - Home.xaml 는 리스트형 페이지로
    * 왼쪽에는 리스트를 나열하고, 리스트의 항목이 눌리면 
    * **Content** 폴더에 위치한 컨텐츠 페이지를 불러들인다. 

<code csharp>
<UserControl x:Class="ModernUIApp1.Pages.Home"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
  		 xmlns:mui="http://firstfloorsoftware.com/ModernUI"
             mc:Ignorable="d" 
             d:DesignHeight="558" d:DesignWidth="617">
	<Grid Style="{StaticResource ContentRoot}">
		<mui:ModernTab Layout="List" SelectedSource="/Content/About.xaml">
			<mui:ModernTab.Links>
				<mui:Link DisplayName="A" Source="/Content/A.xaml" />
				<mui:Link DisplayName="B" Source="/Content/B.xaml" />
				<mui:Link DisplayName=""/>
				<mui:Link DisplayName="look setting" Source="/Content/SettingsAppearance.xaml" />
				<mui:Link DisplayName="about" Source="/Content/About.xaml" />
			</mui:ModernTab.Links>
		</mui:ModernTab>
	</Grid>
</UserControl>
</code>

===== Tab =====