내용으로 건너뛰기
WPF 및 Silverlight Microsoft Controls를 위한 무료 Metro Light and Dark 테마

WPF 및 Silverlight Microsoft Controls를 위한 무료 Metro Light and Dark 테마

좋은 응용 프로그램 테마에 대한 탐구는 결코 끝나지 않습니다.  애플리케이션에서 사용할 깨끗하고 현대적이며 터치 친화적인 테마를 찾기 위해 Google과 Bing의 영역을 샅샅이 뒤지는 데 몇 시간을 보냅니다.  즉, 지금까지는!

5min read

WPF 및 Silverlight에 대한 무료 Metro 테마를 찾고 있다면 더 이상 마십시오.

Infragistics 는 NetAdvantage for WPFSilverlight 제품과 함께 여러 가지 훌륭한 테마를 제공합니다.  이러한 컨트롤의 제품 관리자로서 저는 "왜 이 멋진 테마를 우리 혼자만 간직해야 하는가?"라고 자문하기 시작했습니다.  저를 아시는 분이라면 제가 하드코어 XAML 개발자이며 커뮤니티를 중시한다는 것을 알 것입니다.  젠장, 저는 혼자서 세계에서 가장 인기 있는 Extended WPF 툴킷을 작성했고, 그것을 모두에게 무료로 제공했습니다.  그래서 오늘부터 표준 WPF 및 Silverlight Microsoft 컨트롤에 대한 모든 테마를 발표하게 되어 기쁩니다.  예, 저는 FREE와 같이 GIVING AAWAY 라고 말했습니다.

그래도 함정이 있습니다.  모든 단일 Microsoft 컨트롤을 지원 하지는 않습니다.  왜?  글쎄요, 우리는 당신이 대신 우리의 컨트롤을 사용하는 것을 선호하기 때문입니다.  예를 들어 훨씬 더 나은 xamDataGrid 컨트롤이 있으므로 Microsoft DataGrid에 대한 스타일을 제공하지 않을 것입니다.  당신은 아이디어를 얻습니다.  또한, 나는 그것들을 한꺼번에 너희에게 주지 않을 것이다.  나는 그들을 한 번에 하나씩 풀어 줄 것입니다.  왜?  글쎄요, 커뮤니티에서 어떤 반응을 얻는지 보고 싶습니다.  커뮤니티에서 응답이나 지원을 받지 못한다면 테마를 계속 릴리스할 필요가 없습니다.  나는 내 시간이나 이러한 테마를 만드는 개발자의 시간을 낭비하고 싶지 않습니다.  반면에, 커뮤니티에서 압도적인 지지를 보내준다면 더 많은 테마를 발표할 것입니다.  공평해 보이지 않나요?

오늘의 무료 테마는 Infragistics '메트로 테마 '의 형태로 깨끗하고 현대적이며 터치 친화적 인 테마입니다.  Light 버전과 Dark 버전을 모두 받게 됩니다.

잠깐만요, "메트로"라고 했나요?  네, 저는 메트로라고 말했습니다.  왜?  왜냐하면, Microsoft가 이름을 바꾸려고 몇 번이나 시도하더라도 모든 사람이 알고 있는 것이기 때문입니다.  우리 모두 알고 있듯이 "Metro"라는 용어를 둘러싸고 많은 혼란이 있습니다.  처음에는 "Metro", 그 다음에는 "Modern UI", 그 다음에는 "Microsoft Design Style", 그리고 지금은...  글쎄, 나는 그것이 지금 무엇인지 모른다.  여기서 중요한 것은 이름이 아니라 테마 그 자체입니다.  이제 무료 테마로 넘어갑니다.

Silverlight

먼저 Infragistics Metro 테마의 Silverlight 버전입니다.  Visual Studio 도구 상자에 표시되는 각 기본 컨트롤, Silverlight SDK와 함께 제공되는 컨트롤 및 Silverlight Toolkit 일부 컨트롤에 대해 Metro 스타일을 제공합니다.  보시다시피, 우리는 테마를 각각의 소스별로 구성하여 필요한 컨트롤을 사용하고 다른 어셈블리에 불필요한 종속성을 추가하지 않을 수 있는 옵션을 제공합니다.

Infragistics Light and Dark Metro Theme Structure

응용 프로그램에 테마를 추가하는 것은 매우 간단합니다.  필요한 컨트롤에 대한 리소스 파일(보기의 리소스 섹션) 또는 App.xaml에 포함하기만 하면 됩니다.

<ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
        <!-- Light Theme -->
        <ResourceDictionary Source="Themes/Metro/Light/Metro.MSControls.Core.Implicit.xaml" />
        <ResourceDictionary Source="Themes/Metro/Light/Metro.MSControls.SDK.Implicit.xaml" />
        <ResourceDictionary Source="Themes/Metro/Light/Metro.MSControls.Toolkit.Implicit.xaml" />
    </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>

아래 목록에서 지원되는 컨트롤의 전체 목록을 볼 수 있습니다.

  • 아코디언
  • AutoCompleteBox
  • BusyIndicator
  • 단추
  • CheckBox
  • ComboBox
  • Expander
  • GridSplitter
  • 상표
  • ListBox
  • PasswordBox
  • ProgressBar
  • RadioButton
  • 평가
  • RepeatButton
  • 슬라이더
  • TabControl
  • TextBox
  • ToggleButton
  • 툴팁
Metro Theme Light
Metro Theme Light Silverlight
Metro Theme Dark
Metro Theme Dark Silverlight

WPFWPF

다음은 Infragistics 'Metro Theme'의 WPF 버전입니다. Silverlight 버전과 마찬가지로 Visual Studio 도구 상자에 표시되는 기본 WPF 컨트롤과 WPF 도구 키트의 일부 컨트롤에 대한 스타일을 제공합니다. Silverlight 버전과 마찬가지로 WPF 툴킷을 사용하지 않는 경우 코드가 종속성을 가질 필요가 없도록 해당 소스별로 테마를 구성했습니다.

Infragistics WPF의 Light and Dark Metro 테마 구조

지원자에 테마를 추가하는 것은 Silverlight 버전과 동일합니다.  리소스 사전을 View 또는 App.xaml의 Resources 섹션에 추가하기만 하면 됩니다.

<ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
        <!-- Dark Theme -->
        <ResourceDictionary Source="Themes/Metro/Dark/MetroDark.MSControls.Core.Implicit.xaml" />
        <ResourceDictionary Source="Themes/Metro/Dark/MetroDark.MSControls.Toolkit.Implicit.xaml" />
    </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>

지원 컨트롤의 전체 목록은 다음과 같습니다.

  • 아코디언
  • AutoCompleteBox
  • 단추
  • CheckBox
  • ComboBox
  • Expander
  • GridSplitter
  • GroupBox
  • 상표
  • ListBox
  • PasswordBox
  • ProgressBar
  • RadioButton
  • 평가
  • RepeatButton
  • 슬라이더
  • TextBox
  • ToggleButton
  • 툴팁
Metro Theme Light
Metro Theme Light WPF
Metro Theme Dark
Metro Theme Dark WPF

그게 다야, 여러분

이 테마를 즐기고 유용하게 사용하시기 바랍니다.  이 테마가 마음에 들고 다른 테마를 계속 제공하기를 원하시면 알려주십시오.  그렇지 않으면 관심이 없다고 가정하고 다른 일로 넘어갈 것입니다. 계속해서 WPF 및 Silverlight Microsoft Controls 용 Metro Light and Dark Themes를 다운로드하고 어떻게 생각하는지 알려주십시오.  그 후에 내 블로그로 저에게 연락하거나, Twitter(@brianlagunas)에서 저에게 연결하거나, 질문이나 의견이 있는 경우 아래에 의견을 남겨주세요.

Enjoy!

데모 요청