본문 바로가기

WPF

[Expression Blend] Click to Download WPF Control Theme (Edit) 익스프레션 블랜드 중에서 WPF로 제작한 Button / ComboBox / TextBox / PasswordBox / ListBox / TabControl Package로 묶어서 올립니다. File : Preview : 더보기
[Expression Blend 3] Resource Dictionary 사용하는 방법에 대하여 알아보자. -1 안녕하세요, 정진희입니다. 이번 강좌는 리소스 사전 (Resource Dictionary) 를 사용하는 방법에 대하여 알아보도록 하겠습니다. Expression Blend에서 만들 수 있는 WPF와 실버라이트 프로젝트 둘 다 해당되는 내용입니다 지난 버전에는 실버라이트가 리소스 사전이 없었는데 이번에 생겼네요. 들어가기 전에 리소스 사전이란 무엇일까요? 디자이너는 Blend 프로그램을 가지고 컨트롤, 모양, 색상 등을 성심성의껏 만듭니다. 그런데 이렇게 어렵게 만든 컨트롤들을 다른 곳에서도, 혹은 저장을 따로 해놔서 일러스트 파일이나 포토샵 파일처럼 저장해서 갖다 쓰고 싶은 경우가 있을텐데요. 이럴때 쓰는 것이 바로 리소스 사전입니다. 1) 이번 강좌는 WPF이든 Silverlight이든 둘 다 상관은 .. 더보기
[Expression Blend 3] 스케치 플로우(SketchFlow), 어떻게 사용할까? - 5 안녕하세요. 정진희 입니다. 저번시간에는 스케치 플로우에 애니메이션을 추가하는 방법에 대해서 알아보았습니다. 이번시간에는 만들어진 스케치 플로우에 어떻게 피드백 하는지에 대해서 알아보도록 하겠습니다. 저번시간에 만든 프로토 타입을 가져와보도록 하겠습니다. 1) F5를 클릭하여 프로젝트를 실행하면 다음과 같이 화면이 뜨게 됩니다. 실버라이트로 스케치플로우를 만들었을 경우에는 웹으로 뜨게 되지만, 저는 WPF 스케치 플로우를 만들었기 때문에 다음과 같이 윈도우 화면으로 오픈되었습니다. 1) 현재 오픈되어 있는 화면에서 연결된 링크나 스토리보드 등을 탐색하고 클릭할 수 있도록 보여지게 됩니다. 2) 사용자의견, 현재 페이지에 피드백을 남길 수 있도록 하는 패널입니다. 의견을 타이핑할 수도 있고, 펜으로 직접 .. 더보기
[Expression Blend 강좌] Blend 3에서 Psd파일을 Import 해 보자. 안녕하세요, 정진희 입니다. 오늘은 최근 런칭한 Blend 3에서 가장 발전된 부분, 포토샵 Psd파일을 불러오는 것에 대해서 포토샵에서 작업한 부분을 어디까지 적용시킬 수 있는지, 혹시 문제점은 없는지에 대해 살펴보도록 하겠습니다. 먼저 블랜드 3를 여시고 저는 WPF강좌를 많이 하기 때문에 WPF에서 열었습니다. File에서 Import Adobe Photoshop Fill... 이라고 친절하게 프로그램 이름까지 써놨네요. 한번 작업한 파일을 불러 오도록 합니다. 클릭하시고 불러올 파일을 선택합니다. 불러들여올 psd를 선택하면 이렇게 다음과 같이 새 창이 뜨면서 나타납니다. 왼쪽에는 디자인한 psd파일이 보여지고 오른쪽에는 psd에서 만든 레이어들이 쭉 보이게 됩니다. 플래쉬에서 처럼 마찬가지로 불.. 더보기
7월28일 5주 [디자이너가 만드는 WPF 프로젝트 스터디] 자료 및 후기 안녕하세요, 벌써 5주차가 끝나고 마지막 주를 남겨두고 있습니다. 이번주는 애니메이션에 대해서 진행하였는데요, 이번주는 블랜드 애니메이션에 대한 특성을 살펴보았습니다. 언제부터인가 디자이너를 위한 스터디에 디자이너는 없어지고 개발자분들께서 더 흥미 있어 하시는 것 같았습니다.ㅎㅎ 앗, 그리고 또 프로그램 영상 캡쳐 실패 OTL (캠코더로는 얼굴만 찍고 화면 캡쳐프로그램으로 하려다가 애니메이션이 버벅거려서 제가 모르고 확 꺼버린) 뭐 매번 촬영하는데 잘 나오는 경우가 없습니다. . 쩝, , , 블랜드에서는 첫째로 스토리보드를 한 파일에 여러개를 만들 수 있고 동시에 실행시킬 수도 있습니다. 그리고 여러가지 특성에 대해서 말씀을 드렸습니다. 이번 시간에 한 것은 파일을 첨부하도록 하겠습니다. 첨부, 이번에는.. 더보기
7월21일 4주 [디자이너가 만드는 WPF 프로젝트 스터디] 자료 및 후기 어제 4주차 스터디를 진행하였습니다. 디자이너 스터디는 템플릿에 대한 설명 때문에 저 혼자 갑자기 안드로메다로 가버리는 상황이 발생하여; 더 혼란스럽게 만들어 드린 것 같아; 집에서 자책하면서 OTL하고 있었습니다; 스터디를 정리하는 중, 작업할 때에는 스타일과 템플릿에 대한 문제를 못 느끼다가 이걸 남에게 전달하려고 하다보니 그런 깊숙한 개념까지 가버렸네요, 그냥 한 귀로 흘리셔도 작업하는데는 전혀 지장없으십니다 * 간단정리 1. 스타일? = 컨트롤의 스타일시트 css같은 것 / 템플릿? 컨트롤이 구성하고 있는 요소를 직접 Editing 하는 것 ex) 케잌을 다 만들고 위에 올라가는 데코레이션들 = 스타일 케잌을 만들 때 빵 자체의 모양을 직접 만드는 것 = 템플릿 2. 스타일과 템플릿의 편집 방법?.. 더보기
[Expression Blend 강좌] GridSplitter Customize - 2 이어서 진행하겠습니다. 잘 따라오셨나요? ^^; GridSplitter Customize - 1에서 첨부한 것을 실행해 보시면 화살표가 들어간 부분만 스플릿터가 작동되고 위나 아래쪽을 당겨보면 당겨지지 않는 것을 확인하실 수 있습니다. 왜냐하면 당길 수 있는 부분이 비어있기 때문입니다. 그리드로 감싸져 있는데 비어있냐는 말이 이해가 안 가시죠? 다시 얘기 하자면 그리드 안에 Fill로 채워진 부분이 화살표 모양밖에 없다는 얘기입니다. 나머지는 GridSplitter영역이긴 하지만 그 영역 안에는 아무것도 그려져 있지 않다는 것입니다. 다시 스플릿터 안으로 들어가서 색상을 주어 스플릿터 전체에 아무데나 마우스를 놓아도 작동될 수 있게 만들어 놓겠습니다.. 1) 스플릿트 안으로 다시 들어갑니다. 2) Gri.. 더보기
[Expression Blend 강좌] GridSplitter Customize - 1 안녕하세요, 이번시간에는 컨트롤 중에 GridSplitter에 대해 Customize를 해보도록 하겠습니다. GridSplitter의 역할은 Grid의 행 사이와 열 사이를 임의대로 사이즈를 줄이고 늘일 수 있도록 하는 컨트롤을 나타냅니다. 예를 들면 드림위버에서 프레임과 프레임의 사이즈를 줄이는 것 처럼 하는 역할입니다. 빨간색의 Splitter를 이용하여 왼쪽으로 옮겼을 때 빨간색의 Splitter를 이용하여 오른쪽으로 옮겼을 때 다음과 같은 모습입니다. 지금 보시는 것과 같이 빨간색 모양의 Splitter는 그냥 사각형 모양처럼 보이기 때문에 이것을 Editing하려 합니다. 1) 먼저 새 파일을 엽니다. 막 바로 연 Window1의 아트보드에서 기본적으로 Grid로 되어있는 LayoutRoot에 .. 더보기
[Expression Blend 강좌] ComboBox Customize -2 이어서 강좌하겠습니다. 콤보박스를 클릭하고 롤오버 할때 반응을 보여주어야 내가 이 콤보박스를 클릭했는지 안했는지 눈으로 구분할 수 있겠지요? 속성 트리거로 녹화를 하여 바꾸어보도록 하겠습니다. 1) 위에 그림을 보시면 템플릿 복사하면서 시스템에서 남겨놓은 속성 트리거들이 보이실 겁니다. 아까 수정하기 전에는 번개 모양 즉, 녹화된 속성이 있었는데, 지금은 다 지워져서 번개모양도 지워졌습니다. 여기서 IsChecked를 선택하여 녹화버튼으로 만듭니다. 말 그래도 체크가 True되었을 때 바꾸겠다는 의미입니다. 저는 색상만 조금 바꾸어보도록 하겠습니다. 색상을 설정해 주었는데 색상이 안바뀌는 경우가 간혹 있습니다. 그래서 녹화가 안된건가 하고 생각하실 수 있는데, 빌드 (F5)를 누르셔서 실행해 보시면 녹화.. 더보기
[Expression Blend 강좌] ComboBox Customize - 1 안녕하세요 - 이번 시간에는 블랜드에서 기본적으로 제공하는 컨트롤 중에 콤보박스의 디자인을 변경해보도록 하겠습니다. WPF에서의 콤보박스와 실버라이트에서의 콤보박스의 비주얼 트리가 다르기 때문에 이 강좌를 배우시고 실버라이트 콤보박스를 변경하실 때는 이를 고려하시길 바랍니다. ^^ 밑에 캡쳐 이미지를 올려 비교하도록 했습니다. 확연히 차이가 나지요? 왜 이렇게 차이가 많이 나는지는 확실하게 말씀드릴 순 없겠지만, 아무래도 지원하는 방식이 다르기 때문에 (윈도우 시스템 리소스를 지원한다든지) 그런 것 같습니다. 그래서 WPF의 콤보박스를 디자인 해볼텐데요. 1) 먼저 파일 > 새 프로젝트 > WPF (exe)파일로 엽니다. 그리고 화면에 콤보박스를 하나 그려줍니다. 2) 그리셨으면 오른쪽 클릭 > 템플릿 .. 더보기

티스토리툴바