Silverlight 2 프로젝트에서 도형 또는 패스 그리기
.png "이 페이지는 Silverlight 2 프로젝트에만 적용됨")
Windows Presentation Foundation의 모든 그리기 도구와 기능은 Microsoft Expression Blend 2 서비스 팩 1을 설치한 경우 Silverlight 2 프로젝트에서 사용할 수 있습니다. 도형, 패스 및 컨트롤을 그려 Silverlight 2 응용 프로그램의 사용자 인터페이스를 디자인할 수 있습니다. 그린 항목은 사용 중인 응용 프로그램의 개체가 됩니다.
도형 그리기
도구 상자에서 도형 도구(사각형
.png "Dd185502.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(ko-kr,Expression.10).png")
또는 타원 .png "Dd185502.8938cfdf-9b75-4a33-bc88-b0636e114a0d(ko-kr,Expression.10).png")
) 중 하나를 선택합니다..gif "팁")
팁:모든 그리기 도구를 보려면 도구 상자에 표시된 도구를 마우스 오른쪽 단추로 클릭하십시오. 선 도구는 이 항목의 뒷부분에서 설명할 패스 개체를 만듭니다.
.png "Dd185502.8fbbbb21-be83-4cf6-903b-3a49f00c9860(ko-kr,Expression.10).png")
아트보드에서 마우스로 끌어 놓는 방식으로 도형을 그립니다.
도형을 그리면 너비와 높이의 치수가 다음과 같이 나타납니다.
.png "Dd185502.b9dabf44-71aa-43cb-b4eb-f020a21b8756(ko-kr,Expression.10).png")
팁:Shift 키를 누른 상태로 끌어 놓으면 높이와 너비가 동일하게 유지됩니다. 이 경우 사각형을 그릴 때는 정사각형이, 타원을 그릴 때는 완벽한 원이 만들어집니다.
팁:Alt 키를 누른 상태로 끌어 놓으면, 도형의 왼쪽 맨 위가 사용자가 클릭한 첫 번째 점이 되는 대신 중심점이 사용자가 클릭한 첫 번째 점에 배치됩니다.
마우스 단추를 놓으면 도형 개체에 대해 비율 크기 조정, 회전, 이동, 기울이기 및 기타 작업을 수행할 수 있게 해 주는 좌표 이동 핸들이 나타나고 마우스 포인터가 다음과 같이 변경되어 사용자가 수행할 수 있는 작업을 나타냅니다.
.png "Dd185502.84261e83-3091-4490-ab58-4218b188439e(ko-kr,Expression.10).png")
변경 내용을 저장합니다(Ctrl+S).
다음 단계
패스 그리기
도구 상자에서 패스 도구(펜
.png "Dd185502.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(ko-kr,Expression.10).png")
또는 연필 .png "Dd185502.509dc167-734f-46c9-b012-987ee63450cd(ko-kr,Expression.10).png")
) 중 하나를 선택합니다.팁:모든 패스 도구를 보려면 도구 상자에 표시된 도구를 마우스 오른쪽 단추로 클릭하십시오.
.png "Dd185502.717956a8-b6a5-4e37-8af3-70bcfc78c82a(ko-kr,Expression.10).png")
아트보드에서 다음 작업 중 하나를 수행하여 패스를 그립니다.
연필 도구로 아트보드에서 끌어 놓아 마우스 포인터가 닿는 모든 위치에 픽셀을 생성합니다.
펜 도구로 아트보드를 클릭하여 패스 개체를 구성할 점이나 꼭지점을 생성합니다. 각 점에 곡선이 생성되도록 끌어 놓을 수 있습니다(선택 사항). 패스를 닫으려면 첫 번째 점을 클릭하십시오. 패스를 닫지 않은 상태에서 펜 도구를 끝내려면 다른 도구를 선택하거나 개체 및 타임라인에서 개체를 선택하십시오.
패스 그리기를 마치면 패스 개체에 대해 비율 크기 조정, 회전, 이동, 기울이기 및 기타 작업을 수행할 수 있게 해 주는 좌표 이동 핸들이 나타나고 마우스 포인터가 변경되어 선택
.png "Dd185502.2ff91340-477e-4efa-a0f7-af20851e4daa(ko-kr,Expression.10).png")
도구를 사용하여 수행할 수 있는 작업을 나타냅니다..png "Dd185502.69c37d95-ec79-4885-9a63-9d26a596d31c(ko-kr,Expression.10).png")
패스에서 개별 점을 수정하려면 직접 선택
.png "Dd185502.6dd6571f-c116-451d-8dd2-1f88b8406362(ko-kr,Expression.10).png")
도구를 클릭하십시오. 클릭하고 이동할 수 있는 직선 세그먼트와 개별 점이 패스 개체에 표시됩니다. 패스를 수정하는 방법의 목록은 펜 및 직접 선택 사용을 참조하십시오..png "Dd185502.1cb49b7a-7490-49af-b966-a719e48d8815(ko-kr,Expression.10).png")
변경 내용을 저장합니다(Ctrl+S).
다음 단계
선 그리기
도구 상자에서 선
.png "Dd185502.eb618397-5283-48be-8396-3449be7b6fbf(ko-kr,Expression.10).png")
도구를 선택합니다.팁:선 도구가 보이지 않으면 도구 상자에서 도구 컨테이너를 마우스 오른쪽 단추로 클릭한 다음 선 도구를 선택하십시오.
.png "Dd185502.7431f56c-f3fe-4825-b6fb-6dac229422fd(ko-kr,Expression.10).png")
아트보드에서 마우스로 끌어 놓는 방식으로 선을 그립니다.
팁:Shift 키를 누른 상태로 끌어 놓으면 선이 15도의 배수에 해당하는 각도로 제한됩니다.
팁:Alt 키를 누른 상태로 끌어 놓으면, 시작점이 사용자가 클릭한 첫 번째 점이 되는 대신 중심점이 사용자가 클릭한 첫 번째 점에 배치됩니다.
마우스 단추를 놓으면 비율 크기 조정, 회전, 이동, 기울이기 및 기타 작업을 수행할 수 있게 해 주는 좌표 이동 핸들이 나타나고 마우스 포인터가 변경되어 선택
도구를 사용하여 수행할 수 있는 작업을 나타냅니다.선의 시작점이나 끝점을 수정하려면 직접 선택
도구를 클릭하십시오. 클릭하고 이동할 수 있는 개별 점이 패스 개체인 선에 표시됩니다. 패스를 수정하는 방법의 목록은 펜 및 직접 선택 사용을 참조하십시오.변경 내용을 저장합니다(Ctrl+S).