본문 바로가기

Wit

WPF UI 테마 샘플 제작 이야기 안녕하세요. 디자이너 채은석입니다. 요즘은 개발을 잘 모르는 디자이너와 디자인을 하기 힘든 개발자를 위해 보다 손쉽게 WPF UI 테마를 제작할 수 있도록 작업을 진행하고 있는데요, 일단 WPF에서 제공하는 기본적인 컨트롤들이 어떤 것이 있는지 파악하기 위한 작업부터 시작해 보았습니다. 그리고 그 후 GUI를 제작했는데 가장 보편적이고 무난한 Glossy스타일로 잡아 보았습니다. * 아직은 본인이 익스프레션 블렌드에 익숙하지 못하기 때문에 먼저 포토샵으로 분위기를 잡아 보았습니다. 기본적으로 Normal, MouseOver, Press, Disable에 대한 정의를 내리고 개발자에게 넘겨 실제 WPF로 제작을 해본 결과는 다음과 같습니다. 기본적으로 Black이 메인으로 들어간 테마인데 손쉽게 여러 다른.. 더보기
Set Binding Source Update Timing Using UpdateSourceTrigger Introduction 이번시간에는 Data Binding을 구현할 때 Source Update Timing을 지정하는 방법에 대해 소개합니다. 일반적인 경우 Source Update Timing을 지정하지 않아도 해당 객체의 기본적인 Timing Rule에 따라 자동으로 지정되기 때문에 신경쓰지 않아도 되지만 간혹 Binding Timing지정을 필요한 상황이 이 있습니다. 대표 적인 예로 TextBox를 이용한 Data Binding을 구현할 때 일어나는 상황을 이야기 할 수 있습니다. 위 코드와 같이 두개의 TextBox에 DataBinding을 구현 했을때의 실행을 시켜보면 아래 동영상과 같이 TextBox에서 Focus가 사라진 후 Binding Source가 Update되는 것을 확인 할 수 .. 더보기
Windows Phone7 Development Environment Introduction Windows Mobile 6.5의 다음 버전인 Windows Mobile 7이 Windows Phone7이라는 새로운 이름으로 공개되었습니다. 단순히 이름만 바뀐게 아니라 어플리케이션 개발방법이나 하드웨어 스펙 등이 바뀐다는 소식이 전해지면서 많은 개발자들이 혼란스러워 하고있습니다. 이번시간에는 새롭게 공개된 Windows Phone 7에 대한 개발 방법에 대해 소개합니다. Development Environment Windows Phone 7에서는 2가지 방법으로 Application을 개발 할 수 있습니다. 그중한가지는 Silverlight를 이용하는 방법이고, 다른 한가지 방법은 XNA를 이용하는 방법입니다. Silverlight와 XNA 두 기술 모두 .Net개발자들에게는.. 더보기
Windows Phone Developer Tools CTP 공개 Introduction 지난 3월 14일 기다리고 기다리던 Windows Phone Developer Tools CTP가 공개되었습니다. 발표전부터 정식 버전의 VisualStudio 2010에 포함이 될지, 아니면 별도의 툴을 제공할지 많은 곳에서 의견이 많았었는데요, 일단은 별도의 Visual Studio 2010 Express for Windows Phone 라는 별도의 툴로 제공하는 방향으로 잡힌것 같습니다. 공개된 Windows Phone Developer Tools CTP에는 아래 내용이 포함되어 있습니다. - Visual Studio 2010 Express for Windows Phone CTP - Windows Phone Emulator CTP - Silverlight for Windows.. 더보기
Drawing Fixed Size Pattern Introduction UI를 개발하거나, 혹은 다른 이유로 WPF를 이용해 패턴을 그려야 하는 상황이 있습니다. 일반적인 방법으로는 패턴 이미지를 저장하여 패턴 이미지를 출력하거나, Brush의 Viewport 영역을 조절하여 패턴을 출력하는 방식을 사용합니다. 패턴이미지를 사용 할경우 예상되는 최대 크기로 패턴이미지를 저장하고 있어야 하기 때문에 불필요하게 많은 리소스를 차지 하게 되며, Brush의 Viewport 영역을 조절할 경우 해당 객체의 상대적인 크기에 비례하여 Viewport가 적용되기때문에 패턴의 크기가 고정적 이어야 할 경우 적합하지 않습니다. 이번시간에 소개할 내용은 Viewport 영역을 지정해 패턴을 그릴때 Viewport Unit을 사용해 패턴을 고정적인 크기로 사용하는 방법에.. 더보기