Microsoft MVP성태의 닷넷 이야기
.NET Framework: 109. WPF - SystemColors 색상표 [링크 복사], [링크+제목 복사],
조회: 22754
글쓴 사람
정성태 (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)
11619정성태7/21/201823121Graphics: 10. Unity로 실습하는 Shader (6) - Mosaic Shading
11618정성태7/20/201819818개발 환경 구성: 387. 삼성 오디세이(Odyssey) 노트북의 운영체제를 새로 설치하는 방법
11617정성태7/20/201820443Team Foundation Server: 50. TFS 소스 코드 관리 기능 (5) - "Rollback", "Rollback Entire Changeset"
11616정성태7/17/201819529Graphics: 9. Unity Shader - 전역 변수의 초기화
11615정성태7/17/201823938.NET Framework: 788. RawInput을 이용한 키보드/마우스 입력 모니터링파일 다운로드1
11614정성태7/17/201826887Graphics: 8. Unity Shader - Texture의 UV 좌표에 대응하는 Pixel 좌표
11613정성태7/16/201823362Graphics: 7. Unity로 실습하는 Shader (5) - Flat Shading
11612정성태7/16/201821333Windows: 148. Windows - Raw Input의 Top level collection 의미
11611정성태7/15/201821701Graphics: 6. Unity로 실습하는 Shader (4) - 퐁 셰이딩(phong shading)
11610정성태7/15/201819083Graphics: 5. Unity로 실습하는 Shader (3) - 고로 셰이딩(gouraud shading) + 퐁 모델(Phong model) + Texture
11609정성태7/15/201822146Graphics: 4. Unity로 실습하는 Shader (2) - 고로 셰이딩(gouraud shading) + 퐁 모델(Phong model)
11608정성태7/15/201825813Graphics: 3. Unity로 실습하는 Shader (1) - 컬러 반전 및 상하/좌우 뒤집기
11607정성태7/14/201826189Graphics: 2. Unity로 실습하는 Shader [1]
11606정성태7/13/201827002사물인터넷: 19. PC에 연결해 동작하는 자신만의 USB 장치 만들어 보기파일 다운로드1
11605정성태7/13/201823364사물인터넷: 18. New NodeMCU v3 아두이노 호환 보드의 내장 LED 및 입력 핀 사용법 [1]파일 다운로드1
11604정성태7/12/201822351Math: 47. GeoGebra 기하 (24) - 정다각형파일 다운로드1
11603정성태7/12/201817604Math: 46. GeoGebra 기하 (23) - sqrt(n) 제곱근파일 다운로드1
11602정성태7/11/201818199Math: 45. GeoGebra 기하 (22) - 반전기하학의 원에 관한 반사변환파일 다운로드1
11601정성태7/11/201821223Math: 44. GeoGebra 기하 (21) - 반전기하학의 직선 및 원에 관한 반사변환파일 다운로드1
11600정성태7/10/201819860Math: 43. GeoGebra 기하 (20) - 세 점을 지나는 원파일 다운로드1
11599정성태7/10/201818771Math: 42. GeoGebra 기하 (19) - 두 원의 안과 밖으로 접하는 직선파일 다운로드1
11598정성태7/10/201820981Windows: 147. 시스템 복구 디스크를 USB 디스크에 만드는 방법
11597정성태7/10/201823236사물인터넷: 17. Thinary Electronic - ATmega328PB 아두이노 호환 보드의 개발 환경 구성
11596정성태7/10/201820640기타: 72. 과거의 용어 설명 - OWIN
11595정성태7/10/201826128사물인터넷: 16. New NodeMCU v3 아두이노 호환 보드의 기본 개발 환경 구성
11594정성태7/8/201821044Math: 41. GeoGebra 기하 (18) - 원의 중심 및 접선파일 다운로드1
... 91  92  93  [94]  95  96  97  98  99  100  101  102  103  104  105  ...