본문 바로가기

path

[Expression Blend WPF강좌] 기본 - Path의 개념 및 사용법 이번 시간 에서는 다시 돌아가는 의미로 Path에 대한 기본적인 강좌를 하겠습니다. 디자이너들은 path에 대한 개념을 기본적으로 다 알지만, 개발자분이나 아예 모르시고 시작하시는 분들에게는 겉보기에 Retangle과 Path는 같아보이기 때문입니다. 옆에 보면 두 개의 사각형이 같아 보입니다. 하지만 하나는 패스로 변형되어 있는 사각형입니다. 가장 차이를 알려면 하얀 화살표 버튼 (Direct Selection)으로 꼭지점을 선택해 보면 확연히 느껴집니다. 그냥 정 사각형은 꼭지점을 눌러도 아무런 반응이 없는 반면 Path로 된 사각형은 꼭지점에 사각형이 생기면서 선택하고 움직이면 다른 모양 으로도 변형이 가능합니다. 대부분 기본도형이 아닌 모양들은 전부 Path라고 보시면 됩니다. 일러스트라던지 디자.. 더보기
[Expression Blend WPF강좌] 주위를 뱅뱅도는 생쥐 애니메이션 만들기 :) 안녕하세요, 저번에 공 튀기는 예제로 키 프레임을 클릭하여 애니메이션을 주는 방법을 배웠습니다. 이번에는 사방으로 돌아다니는 쥐 애니메이션으로 패스(Path)를 따라서 움직이는 방법을 배우도록 하겠습니다. 1) 파일 > 새 프로젝트 > WPF(.exe)파일로 엽니다. 원을 하나 그려줍니다. 그리고 펜툴로 쥐의 꼬랑지를 쬐그맣게 그려줍니다. 원의 색을 바꿔주려면 오른쪽의 [속성]창에서 바꿔 주시는 건 아시죠? :) 그리고 원을 두개 그려서 쥐의 양쪽 눈을 만들어 줍니다. 2) 쥐의 귀는 사각형과 원을 포갠 뒤에 오른쪽클릭 > Combine > Subtract 를 누르면 남게 됩니다. 이때 두개를 동시선택하더라도 반드시 원을 클릭한 상태에서 실행하셔야 합니다. 그렇지 않으면 위의 그림과 같이 남는 경우가 되.. 더보기