[Expression Blend 3] Resource Dictionary 사용하는 방법에 대하여 알아보자. -1

안녕하세요, 정진희입니다.

이번 강좌는 리소스 사전 (Resource Dictionary) 를 사용하는 방법에 대하여 알아보도록 하겠습니다.
Expression Blend에서 만들 수 있는 WPF와 실버라이트 프로젝트 둘 다 해당되는 내용입니다

지난 버전에는 실버라이트가 리소스 사전이 없었는데 이번에 생겼네요.

들어가기 전에 리소스 사전이란 무엇일까요?

디자이너는 Blend 프로그램을 가지고 컨트롤, 모양, 색상 등을 성심성의껏 만듭니다.
그런데 이렇게 어렵게 만든 컨트롤들을 다른 곳에서도, 혹은 저장을 따로 해놔서 일러스트 파일이나 포토샵 파일처럼 저장해서 갖다 쓰고 싶은 경우가 있을텐데요. 이럴때 쓰는 것이 바로 리소스 사전입니다.

1) 이번 강좌는 WPF이든 Silverlight이든 둘 다 상관은 없습니다.
컨트롤 라이브러리를 생성합니다.

2) 컨트롤 라이브러리로 생성해도 별로 변한 건 없어보입니다.
생성된 xaml파일의 이름만 MainCotrol이네요.

리소스 사전을 프로젝트에 만드는 방법은 다음과 같습니다.
프로젝트를 Right Click > New Item추가를 클릭합니다

창이 뜨면 Resource Dictionary를 선택하고 이름을 임의로 지은 다음 선택을 합니다.
이렇게 리소스 사전이 만들어졌는데요.

2) 버튼을 하나 만들어보도록 하겠습니다.
버튼모양을 할 사각형을 그리고 Tool에서 > Make Into Control을 클릭합니다.
버튼에 대한 강좌는 블로그에 있으니 참고하시길 바랍니다.

3) 이렇게 버튼을 하나 만들 당시에 저장 위치가 3군데가 나오게 됩니다.

① 응용프로그램 (Application)에 저장할 것인가?
② 내 문서에 저장할 것인가?
③ 리소스 사전에 저장할 것인가? (리소스 사전이 프로젝트에 없는 경우 Disable되어 있습니다)

버튼이 꼭 아니더라도 다른 컨트롤들을 만들 때 이렇게 물어봅니다.
버튼이름을 임의로 정하고 리소스 사전에 저장을 하고 클릭을 합니다.

4) 버튼이 리소스 사전으로 저장이 되었습니다. 한번 리소스 사전에서 버튼을 찾아보도록 할까요?
리소스 사전은 블랜드에서 미리보기 지원을 하지 않습니다.
다만 Panel중에 Resource 패널을 활성화 시켜 보시면 방금 만들었던 버튼의 이름이 보여지게 됩니다.

5) Xaml파일에서 보시면 이렇게 보실 수 있습니다. 라이브러리 사전 밑에 버튼 스타일 이름이 보이시죠?

6) 이 리소스를 편집하려면 리소스 패널에서 우측의 버튼같이 생긴 것을 클릭하시면 수정할 수 있습니다.

다음 강좌에서 계속 진행됩니다.