Microsoft MVP성태의 닷넷 이야기
.NET Framework: 109. WPF - SystemColors 색상표 [링크 복사], [링크+제목 복사],
조회: 22749
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일


WPF System Colors 색상표


UI 컨트롤을 만들다 보면, "색상"을 정해야 할 때가 있습니다. 물론, 임의로 정해도 되지만 기왕이면 "테마"에 따라 바뀌어질 수 있는 여지를 남겨두는 것도 좋은 선택일텐데요. 예를 들어, 사용자가 전체적으로 버튼의 색상을 파란색이 나오도록 변경했는 데, 특정 응용 프로그램에서만 여전히 빨간색 버튼을 쓰고 있는 것도 우습지요.

그런 경우를 위해서 선택할 수 있는 하나의 방법이 바로 "System.Windows.SystemColors" 타입에 정의된 정적 멤버 변수를 사용하는 것입니다. 실제로, WPF에서 기본 제공되는 많은 컨트롤들이 "SystemColors"에 정의된 색을 사용하는 것을 볼 수 있는데, 이 때문에 단지 SystemColors를 재정의하는 것만으로 전체적인 응용 프로그램의 "Look & Feel"을 다르게 가져갈 수가 있습니다.

SystemColors 클래스에는 대략 다음과 같은 구조로 멤버 변수가 정의되어 있습니다.

public static class SystemColors
{
    public static SolidColorBrush ActiveBorderBrush { get; }
    public static ResourceKey ActiveBorderBrushKey { get; }
    public static Color ActiveBorderColor { get; }
    public static ResourceKey ActiveBorderColorKey { get; }
    public static SolidColorBrush ActiveCaptionBrush { get; }
    public static ResourceKey ActiveCaptionBrushKey { get; }
    public static Color ActiveCaptionColor { get; }
    ;
    ;
}

자세히 보시면, 규칙이 있는데 동일한 색상에 "Color", "ResourceKey", "SolidColorBrush"로 나뉘어져 있을 뿐 전체적으로 정리해 보면 30개의 색상이 정의되어 있습니다.

일단, SolidColorBrush와 Color는 언제 쓰는지 직관적으로 알 수 있는데, ResourceKey 유형으로 된 것은 왜 정의가 되어 있는지 의아해하실 텐데요. 이것은 XAML 상에서의 태그를 통해 바인딩 될 때 사용될 수 있습니다. 예를 들면 다음과 같은 식이지요.

<WrapPanel Background="{StaticResource {x:Static SystemColors.ActiveBorderBrushKey}}" 
Name="wrapPanel" ItemHeight="50" ItemWidth="150"></WrapPanel>

암튼, 중요한 것은 동일한 색으로 3가지씩 정의되어 있고 총 30개의 색이 정의되어 있다는 것.

그런데, 정작 자신의 컨트롤에서 SystemColors에 정의된 한가지 색을 사용하고 싶은데, 도대체 멤버 변수의 이름만 보고는 이 색이 어떤 색인지 감이 안오니,,, ^^;

그래서, 잠시 프로그램을 만들어서 얻은 화면을 캡쳐해 봤습니다. (첨부된 파일은 아래의 프로그램에 대한 소스입니다.)

[그림 1: SystemColors 색상]
wpf_system_colors_1.bmp




[이 토픽에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]







[최초 등록일: ]
[최종 수정일: 5/21/2021]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 




... 91  [92]  93  94  95  96  97  98  99  100  101  102  103  104  105  ...
NoWriterDateCnt.TitleFile(s)
11669정성태8/24/201822448개발 환경 구성: 394. 윈도우 환경에서 elasticsearch의 한글 블로그 검색 인덱스 구성
11668정성태8/24/201833570오류 유형: 478. 윈도우 업데이트(KB4458842) 이후 SQL Server 서비스 시작 오류
11667정성태8/24/201819422오류 유형: 477. "Use Unicode UTF-8 for worldwide language support" 옵션 설정 시 SQL Server 2016 설치 오류 [1]
11666정성태8/22/201819329사물인터넷: 37. 아두이노 - 코딩으로 대신하는 오실레이터 회로의 소리 출력파일 다운로드1
11665정성태8/22/201822884사물인터넷: 36. 오실레이터 회로 동작을 아두이노의 코딩으로 구현하는 방법파일 다운로드1
11664정성태8/22/201822369개발 환경 구성: 393. 윈도우 환경에서 elasticsearch의 한글 형태소 분석기 설치 [1]
11663정성태8/22/201825191개발 환경 구성: 392. 윈도우 환경에서 curl.exe를 이용한 elasticsearch 6.x 기본 사용법
11662정성태8/21/201817973사물인터넷: 35. 병렬 회로에서의 커패시터파일 다운로드1
11661정성태8/21/201820618사물인터넷: 34. 트랜지스터 동작 - 컬렉터-이미터 간의 저항 측정파일 다운로드1
11660정성태8/19/201820075사물인터넷: 33. 세라믹 커패시터의 동작 방식파일 다운로드1
11659정성태8/19/201820090사물인터넷: 32. 9V 전압에서 테스트하는 PN2222A 트랜지스터파일 다운로드1
11658정성태8/18/201823532사물인터넷: 31. 커패시터와 RC 회로파일 다운로드3
11657정성태8/18/201821729사물인터넷: 30. 릴레이(Relay) 제어파일 다운로드3
11656정성태8/16/201816729사물인터넷: 29. 트랜지스터와 병렬로 연결한 LED파일 다운로드1
11655정성태8/16/201819331사물인터넷: 28. 저항과 병렬로 연결한 LED파일 다운로드1
11654정성태8/15/201820643사물인터넷: 27. 병렬 회로의 저항, 전압 및 전류파일 다운로드1
11653정성태8/14/201821194사물인터넷: 26. 입력 전압에 따른 LED의 전압/저항 변화 [1]파일 다운로드1
11652정성태8/14/201818611사물인터넷: 25. 컬렉터 9V, 베이스에 5V와 3.3V 전압으로 테스트하는 C1815 트랜지스터파일 다운로드1
11651정성태8/14/201824313사물인터넷: 24. 9V 전압에서 테스트하는 C1815 트랜지스터 [1]파일 다운로드3
11650정성태8/14/201818483사물인터넷: 23. 가변저항으로 분압파일 다운로드1
11649정성태8/12/201820354사물인터넷: 22. 저항에 따른 전류 테스트파일 다운로드1
11648정성태8/12/201821673사물인터넷: 21. 퓨즈를 이용한 회로 보호파일 다운로드3
11647정성태8/8/201822520오류 유형: 476. 음수의 음수는 여전히 음수가 되는 수(절대값이 음수인 수)
11646정성태8/8/201817842오류 유형: 475. gacutil.exe 실행 시 "Failure initializing gacutil" 오류 발생
11645정성태8/8/201820487오류 유형: 474. 닷넷 COM+ - Failed to load the runtime. [1]
11644정성태8/6/201823529디버깅 기술: 118. windbg - 닷넷 개발자를 위한 MEX Debugging Extension 소개
... 91  [92]  93  94  95  96  97  98  99  100  101  102  103  104  105  ...