A Dark Theme for the WPF XamDataGrid

최근 어두운 테마에 대한 관심이 꽤 높아지고 있습니다. 이는 더 많은 사용자가 특히 컴퓨터 화면 앞에서 많은 시간을 보낼 때 응용 프로그램의 흰색 배경이 눈을 피로하게 하기 때문입니다.

어두운 테마가 내장되어 있는 Visual Studio 2012에서 Microsoft도 더 어두운 테마를 사용할 수 있는 편리함을 인정했습니다. NetAdvantage for WPF 컨트롤에 대해 어두운 테마에 대한 많은 요청을 받았으며 지금까지는 고객이 이러한 어두운 테마를 직접 만들 수 있는 방법에 대해서만 조언할 수 있었습니다. 이제 일부 WPF 컨트롤에 대해 이러한 어두운 테마를 만들 수 있게 되었으며 자유롭게 제공할 수 있게 되어 기쁩니다.

WPF 비즈니스 응용 프로그램에서 가장 자주 사용되는 Infragistics 컨트롤인 XamDataGrid (NetAdvantage for WPF의 일부)를 사용하여 모든 기능을 갖추고 있으며 스타일이 풍부한 고성능 컨트롤로 테마 작업을 시작하기로 결정했습니다. 이 블로그 게시물은 XamDataGrid 및 편집기 컨트롤에 대한 어두운 테마를 특징으로 하며, 쉽게 추출하여 눈에 편안한 UI를 생성하는 데 사용할 수 있습니다.

​샘플 프로젝트를 다운로드하세요.이 프로젝트는 XamDataGrid를 XamFormulaEditor와 통합하고 이 두 컨트롤에 대한 어두운 테마를 포함합니다. 압축을 풀기 전에 ZIP 아카이브의 차단을 해제 하는 것을 잊지 마십시오.이 프로젝트는 Visual Studio 2010 및 .NET Framework 4를 사용하여 빌드됩니다. 12.2 NetAdvantage for WPF 제품의 XamDataGrid를 사용하므로 추가 다운로드 없이 빌드하고 실행할 수 있습니다. XamDataGrid가 포함된 NetAdvantage for WPF 제품의 모든 기능을 사용할 수 있는 30일 무료 평가판을​ ​사용할 수 있습니다. 다음은 어두운 테마로 테마로 한 XamDataGrid의 스크린샷입니다.

테마에 액세스하는 방법

​XamDataGrid Metro Dark 테마는 DataPresenter_MetroDark.xaml 및 Editors_MetroDark.xaml 파일에 있습니다. 그 일환으로 XamFormulaEditor에 DataTree_MetroDark.xaml 및 FormulaEditor_MetroDark.xaml에서 어두운 스타일을 사용할 수 있도록 하고 있습니다. 여기에는 컨트롤 템플릿과 이러한 컨트롤의 스타일을 지정하는 데 사용되는 브러시 및 색이 모두 포함됩니다.

Modifying the Theme

DataPresenter_MetroDark.xaml 및 Editors_MetroDark.xaml에서 직접 브러시의 색을 수정할 수 있습니다. 이 접근 방식은 몇 가지 브러시 설정에서 작동할 수 있지만 테마의 모든 색상을 특정 색상 색조로 변경하려는 경우 ResourceWasher를 사용하는 것이 훨씬 쉽습니다. 리소스 워싱을 사용하면 리소스 사전에 있는 모든 브러시의 색을 변경할 수 있으므로 컨트롤의 다른 요소에서 상대적인 색 음영을 유지하면서 컨트롤의 시각적 모양을 사용자 지정할 수 있습니다. 사용 방법에 대해 자세히 알아볼 수 있습니다. 리소스 와셔 여기. 이 방법은 샘플에 설명되어 있습니다.

샘플에서는 스타일에 정의된 대로 어두운 테마를 표시하기 위해 MainWindow의 ResourceWasher에서 투명 WashColor를 사용합니다. 리소스 워싱을 활성화하려면 WashColor 설정을 다른 색상으로 변경하십시오.

이 경우 전체 테마를 단일 색상으로 세척합니다. 리소스 세척은 훨씬 더 큰 기능을 가지고 있으며 시나리오에서 요구하는 경우 다른 색상의 여러 브러시 그룹을 세척할 수 있습니다. 이 고급 접근 방식은 여기에 나와 있습니다.

요약

스타일링은 데스크톱 응용 프로그램에서 점점 더 중요해지고 있는데, 이는 데스크톱 응용 프로그램이 모바일 응용 프로그램의 상호 작용 및 테마와 경쟁하기 때문입니다. 이 블로그 게시물에서는 애플리케이션을 어둡게 보이게 할 수 있는 XamDataGrid 및 XamFormulaEditor의 어두운 테마를 제시했습니다. 이러한 스타일을 그대로 사용하거나 자원 세척의 기반으로 쉽게 사용할 수 있으므로 응용 프로그램에 맞는 다양한 색상 조합을 생성할 수 있습니다.