낚시하는 프로그래머 오틸라입니다.

WPF에서는 기존에 쓰던 대화상자들을 사용할 수 없다는걸 알겁니다. 여러분들은 Win32 API 때 쓰던 공통 대화상자등을 기대할겁니다. 파일 열기, 인쇄하기, 색, 폰트 등등... 그래서 나온게~~~ WPF팀에서 몇가지 다양한 기능을 갖춘 아주 간단한 대화상자를 만들었습니다. 폰트 와 색상을 설정하는 대화상자 입니다. 폰트 설정 상자 Text 팀의 Niklas는 WPF 응용프로그램으로 간단한 샘플을 블로그에 올려놨더군요. (이젠 안들어가 지더군요 ;; ) 이 샘플은 폰트를 사용하는 프로그래밍 기술이 담긴 아주 훌륭한 공부용 소스입니다. 색상 설정 대화상자 SDK팀의 Mike는 색상 설정상자를 올려놨더군요 hue, saturation, brightness등을 사용할수도 있고 RGB, scRGB, hex ..

윈폼팀에서 프로그래머로 활동하는동안 WPF라는걸 봤다. 도우 컨트롤을 사용하는 사용자 정의 컨트롤 만드는것으로 처음 WPF를 시작했다. 이건 뭐...컨트롤의 색깔 하는 바꾸는데도 템플릿을 이해하기 어려워서 쉽게 다가가기 힘든놈이라고 생각했다. 윈폼 컨트롤을 이용한 아래 클래스를 보자. public class WinformControl : Control { public WinformControl() : base() { this.BackColor = Color.Green; } } 윈폼에서는 이런 간단한 추가를 위해 아래와 같은 것들이 동반되어 온다. public Form1() { InitializeComponent(); WinformControl myControl = new WinformControl(); ..

What is target and what is source? In WPF, 여러분은 일반적으로 두 객체간에 연결고리를 지으려고 할때 데이타 바인딩을 사용할 겁니다. 한 객체는 source를 참조하고, 한 객체는 target을 참조하지요. 대부분 일반적인 시나리오에는 여러분의 소스 객체는 데이타와 그 데이타를 표현하는 타켓 컨트롤 개체를 포함하는 객체입니다. (에쒸...뭔소리야...) (그니까 내 소스 객체 > 타켓 컨트롤 객체 > 데이타) 예를 들어보자, "이름" 속성을 가진 "사람"이라는 클래스가 있다고 생각하자 화면에 이름 값이 출력되고, 내가 속성창에서 이름값을 변경하거나, 프로그램 실행중 값을 변경하면 그또한 자동으로 변경되는걸 원한다. TextBox 클래스의 Text 객체가 "사람" 클래스의 ..

xamlPad 는 아주간단하게 XAML을 만들어주는 Windows SDK 툴입니다. (XAML은 WPF기반에서 열리는문서죠.) 폰트를 변경하는 컨트롤 같은 WPF 형태를 xamlpad로 만들어 봤습니다. Typography 클래스의 값을 바궈가면서 바로 위 화면에서 바뀌는걸 볼수가 있습니다. 텍스트 내용은 FlowDocument 요소 안에서 사용되어지는 걸 알 수 있습니다. 이 요소는 검색, 페이징, 탐색, 내용축소 등등을 할 수 있습니다. 이런 어려운 작업도 WPF는 금방할 수 있다구요!! Visual Tree를 봅시다. visual tree 구조는 여러분이 작업하고 있는 컨트롤, 템플릿을 한눈에 보여 분석하게 해줍니다. 이러한 정보는 UI수정이나 수행소모시간등에 도움을 줄 것입니다. 메뉴에서 Show..

수많은 월드컵 경기를 보고 영감을 얻어서 2006년 월드컵 8강의 국기를 XAML로 재조명 해보았다. 이 이미지는 Graphic Designer 로 표현하여 DrawingImage 리소스로 뽑아냈다. Graphic Designer 로 XAML를 만드는 방법은 이미 지겹게 했으니 링크마저 생략하겠다 ;; 영국국기가 끼어있는걸 발견하셨나요. 저도 처음에는 몰랐는데 그냥 8강과 함께 끼어서 만들기로 했어요 ; 소스 살펴보기 WorldCupSoccerFlags.xaml 파일을 보면 DrawingImage 객체로 된 깃발이 Page.Resources 내용에 들어가 있습니다. 깃발은 Image 객체를 참조하고, Source 속성을 사용합니다. Image 객체는 FlowDocument 와 FlowDocumentRea..

WPF는 여러분이 만든 프로그램을 다양하게 표현할 방법들을 제공하고 있습니다. 이번 강좌는 이미지를 애니메이션처럼 보이게 하는 방법을 소개합니다. (워어...원래 원문 블로그에서 작성자가 20명이랍니다. 그러다니보니 이미지를 애니메이션처럼 만드는 방법을 자꾸. 자꾸. 자꾸. 소개하네요 ㅋ) 먼저 파일을 다운 받으세요. 프로젝트를 열어보면 아래와 같은 파일이 있을 겁니다. App.xaml MapControlClass.cs TrafficMap.csproj TrafficMapWindow.cs TrafficMapWindow.xaml.cs 교통 지도 데이타워싱턴은 10분마다 갱신된 교통지도 데이터를 제공합니다. 아래 그림은 2004년 1월의 이미지 입니다. 우측 메뉴에 보면 Select interval이라고 시간..

지난 시간 클립아트 조립 시간을 가져 보았지요. 거기서 z-order를 언급한걸 보았습니다. 왜 가르쳐 주지도 않은걸 말하면서 그냥 넘어가지 하셨죠? 훗...이제 말할려구요. z-order를 클릭해서 위키피디아는 가보셨나요? 2차원이 어쩌고 저쩌고 하지요? 자 그럼 이제 알아봅시다. 아래 샘플은 여러개의 그림 객체를 z-order를 사용한 XAML 파일입니다. WPF 베타2부터 ZIndex라는 속성이 생겼는데요, Panel이나 Canvas, Grid, StackPanel에도 모두 쓸 수 있습니다. ZIndex 속성 사용하기 아래 소스를 봅시다. 두번째 Rectangle 객체를 보면 Zindex값을 주었죠. 그리하여 아래의 그림이 나옵니다. 기본적으로 default값으로 잡힌 z-order는 순서대로 나아..

지난 시간에 그래픽 디자이너를 통한 이미지 객체를 그려 XAML로 만드는 과정을 배웠습니다. 이번 시간에는 ResourceDictionary 객체를 사용하여 클립아트들을 조립하는 방법을 배워 보겠습니다. 아래 그림을 보시면 여러 클립아트들이 모여 한 장면을 이루고 있는 XAML파일을 볼 수 있습니다. FerryScene.xaml 클립아트들은 각각의 z-order. 값으로 표현되어 원근감을 나타냅니다. 페리호가 아주 가까이 있는것처럼 보이게도 하고, 멀리 보이게도 하지요. Referencing Resources 구름은 DrawingImage 객체를 참조하고 x:Key에 Clouds 라고 값을 부여 했습니다. ... ... 리소스에 저장하기 전에 아래 노란색 라인을 추가하면 다른 UI에서도 사용이 가능해 집..