다음을 통해 공유


개체 및 속성 사용

Microsoft Expression Blend에서 개체란 아트보드에 추가할 수 있는 모든 항목을 가리킵니다. 즉, 아트보드에 시각적 요소를 추가하면 해당 요소는 응용 프로그램의 개체가 됩니다. 눈길을 사로잡는 사용자 인터페이스를 개발하는 작업도 실제로는 아트보드에 개체를 추가하고 필요에 맞게 수정하면 되는 간단한 과정입니다.

개체 형식

레이아웃 패널을 추가하여 개체를 정렬 및 그룹화하고, 아트보드에 컨트롤, 도형 또는 패스, 특수 텍스트 컨트롤, 미디어 및 3D 개체를 추가할 수 있습니다.

자세한 내용은 다음 항목을 참조하십시오.

[!참고]

일부 개체 형식은 Windows Presentation Foundation (WPF) 및 Microsoft Silverlight 프로젝트에서 모두 사용할 수 없습니다.

개체 수정

아트보드의 개체는 아트보드 핸들을 사용하여 크기를 조정하고 이동하고 회전하고 대칭 이동하고 기울이는 등의 다양한 방식으로 수정할 수 있습니다. 또한 속성 패널을 사용하여 모양, 크기, 위치와 같은 개체의 특성을 결정하는 값을 입력할 수도 있습니다.

개체에 애니메이션 효과를 적용하고 사용자 상호 작용에 따라 애니메이션을 제어하는 트리거 또는 이벤트를 연결할 수도 있습니다.

자세한 내용은 다음 항목을 참조하십시오.

[!참고]

Microsoft Silverlight에서는 트리거가 지원되지 않지만 이벤트 또는 상태를 사용하면 사용자 대화형 작업을 구성할 수 있습니다. 자세한 내용은 사용자 상호 작용에 대한 응답의 상태 변경을 참조하십시오.

개체 사용자 지정

스타일 및 템플릿을 만들고 다른 속성을 리소스로 변환하여 다른 시각적 요소에 적용함으로써 나만의 고유한 응용 프로그램 모양을 표현할 수 있습니다. 또한 사용자 정의 컨트롤을 디자인하거나 사용자 지정 컨트롤용 코드를 작성하여 사용자 지정 동작을 포함하는 다시 사용 가능한 컨트롤을 만들 수 있습니다.

자세한 내용은 다음 항목을 참조하십시오.

동적 콘텐츠

데이터 원본을 추가하고 개체의 속성을 데이터에 바인딩하면 응용 프로그램에서 동적으로 업데이트되는 콘텐츠를 표시할 수 있습니다. 또한 특정 개체의 속성을 다른 개체의 속성에 바인딩할 수도 있습니다. 예를 들어 슬라이더의 값으로 숫자 텍스트 상자를 업데이트할 수 있습니다.

자세한 내용은 데이터 표시를 참조하십시오.

개체 추가

도구 패널 또는 자산 패널에서 도구를 선택하거나 자산 패널에서 스타일이 적용된 컨트롤 또는 사용자 지정 컨트롤을 선택하여 아트보드에 개체를 추가할 수 있습니다. 또한 리소스 패널의 스타일이 적용된 컨트롤이나 리소스 패널의 리소스를 아트보드의 기존 개체에 끌어 놓는 방식으로 개체 속성 중 하나에 리소스를 적용할 수 있습니다.

아트보드 쌓기 순서

새 개체를 만들 때마다 해당 개체는 개체 스택의 맨 위에 배치됩니다. 개체가 두 개 있을 경우 아트보드의 스택에서 한 개체는 다른 개체보다 항상 위에 있으며, 스택의 맨 위에는 아트보드에서 가장 앞에 있는 개체가 배치되어 스택에서 아래쪽에 있는 개체와 겹쳐집니다.

Cc294561.415b68ef-f463-4b4b-a67e-df9be639d95e(KO-KR,Expression.30).png

Cc294561.25182a96-9a69-478a-9cfe-5b360e6a9bea(KO-KR,Expression.30).png

Z 순서의 초기 개체 집합

Cc294561.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(KO-KR,Expression.30).png

Z 순서의 앞으로 가져오기

Cc294561.f0c1ff71-7814-42ba-806b-7ea92d616e69(KO-KR,Expression.30).png

Z 순서의 맨 앞으로 가져오기

다음 그림과 같은 다른 예에서는 Ellipse 개체가 Rectangle 개체보다 스택의 위쪽에 쌓입니다. 즉, 아트보드에서 EllipseRectangle 앞에 나타난다는 의미입니다.

아트보드에서 개체의 쌓기 순서

Cc294561.f6e20075-ea3b-4595-998c-3b454cbfbb35(KO-KR,Expression.30).png