다음을 통해 공유


사용자 정의 컨트롤의 다양한 시각적 상태 및 전환 시간 정의

나만의 사용자 정의 컨트롤을 직접 만들 때, 사용자 지정 상태 및 상태 그룹을 추가하여 사용자 정의 컨트롤의 각 상태의 다양한 모양을 정의할 수 있습니다. 예를 들어 사용자 정의 컨트롤이 게임 카드(PlayingCard)를 나타내는 경우 FaceUp 및 FaceDown 상태가 있어야 합니다.

[!참고]

Silverlight 프로젝트에서 단추(Button) 같은 시스템 컨트롤의 템플릿을 수정하는 경우에는 기본 상태 그룹 및 상태가 이미 제공되어 있습니다. 따라서 새 상태 그룹 또는 상태를 추가할 수 없습니다.

사용자 정의 컨트롤의 상태 그룹 정의

  1. 사용자 컨트롤이 없는 경우 프로젝트에서 새 사용자 컨트롤을 만들고 XAML 파일을 열어 편집할 수 있습니다.

    자세한 내용은 프로젝트에서 새 사용자 컨트롤 만들기를 참조하십시오.

    Dd185499.alert_tip(KO-KR,Expression.30).gif팁:

    주 문서(대개 Page.xaml)의 상태 그룹을 정의할 수도 있습니다.

  2. 상태 패널에 사용자 정의 컨트롤에 있는 개체의 기본 모양이 표시됩니다. 필요할 때마다(예: 문서에 개체를 더 추가하려는 경우) Base를 선택하여 상태 기록 모드를 끝낼 수 있습니다.

    Dd185499.2daa57d7-1466-43ca-86e8-960aaa384148(KO-KR,Expression.30).png

  3. 상태에서 상태 그룹 추가 Dd185499.15176e71-c966-415f-8fc6-18d8263cc140(KO-KR,Expression.30).png를 클릭합니다.

    새 상태 그룹이 추가되고 이름이 강조 표시되어 새 이름을 입력할 수 있습니다.

    Dd185499.b3335795-6267-4f9d-8fa2-618c40ff2f32(KO-KR,Expression.30).png

    이제 상태 그룹에 상태를 추가하거나 상태 그룹을 더 추가할 수 있습니다.

상태 그룹에 상태 추가

  1. 상태에서 상태 그룹 이름 옆의 상태 추가 Dd185499.d7b5fc2f-1470-48fc-bd81-b09bf261168f(KO-KR,Expression.30).png를 클릭합니다.

    상태 그룹에 새 상태가 추가되고 이름이 강조 표시되어 새 이름을 입력할 수 있습니다.

    Dd185499.91a3aada-a295-40c0-bed8-c7bc572df7d9(KO-KR,Expression.30).png

  2. 상태를 선택하여 상태 기록 모드로 설정합니다. 문서에서 개체의 모양에 대해 변경한 내용이 선택한 상태에 기록됩니다.

    Dd185499.59996960-c66b-4be0-abc9-5509c79f3a5d(KO-KR,Expression.30).png

    Dd185499.alert_tip(KO-KR,Expression.30).gif팁:

    상태 및 상태 그룹을 지정할 때는 사용자 정의 컨트롤에 표시할 시각적 상태를 모두 고려한 다음 동시에 표시하지 않을 상태를 확인합니다. 상태 그룹에 있는 상태를 한 번에 하나씩만 표시할 수 있기 때문에 동시에 표시하지 않을 상태는 같은 상태 그룹에 나열되어야 합니다. 예를 들어 다음 그림은 카드 게임의 카드를 나타내는 사용자 정의 컨트롤을 보여 줍니다. MouseInteractionSideDisplayed의 두 상태 그룹이 정의되어 있습니다. MouseInteraction 상태 그룹에는 동시에 표시되지 않는 상태인 Click, MouseOverNormal 상태가 포함되어 있습니다. SideDisplayed 상태 그룹에는 카드 앞면을 표시하는 상태(FaceUp)와 뒷면을 표시하는 상태(FaceDown)가 포함되어 있습니다. 카드 앞면을 표시하면서 동시에 마우스 포인터를 해당 카드 위로 가져갈 수 있으므로, 이들 상태는 서로 다른 상태 그룹에 속합니다.

    Dd185499.4fecf399-1962-4668-86e7-efe1a485cbc1(KO-KR,Expression.30).png

상태 간에 변경할 사용자 정의 컨트롤 전환 시간 설정

  • 상태 그룹에 있는 임의의 두 상태 간에 변경할 사용자 정의 컨트롤의 전환 시간을 설정하려면 기본 전환 텍스트 상자 내부를 클릭하고 새 시간을 입력합니다. 그러면 사용자 정의 컨트롤이 상태 그룹에 있는 임의의 상태 간에 전환하는 데 걸리는 시간이 설정됩니다.

    Dd185499.d1eabf30-62d2-47ae-a52b-453c702b9358(KO-KR,Expression.30).png

  • 특정 전환의 기본 전환 시간을 다시 정의하려면 상태 옆의 전환 추가 Dd185499.2fe2c349-41aa-4cc0-b1d3-3ff7d5aed33d(KO-KR,Expression.30).png를 클릭한 다음 나타나는 목록에서 특정 전환을 선택하십시오. 다음 그림에서 마우스 포인터로 강조 표시된 목록 항목은 "시작: Click 상태, 끝: 임의의 다른 상태"를 나타냅니다. 여기서 화살표는 "끝"에 해당하고 별표(*)는 "임의의 상태"에 해당합니다.

    Dd185499.1ed8d611-1ce5-4101-ad73-54aa166c4e9a(KO-KR,Expression.30).png

    전환 지속 시간 텍스트 상자 내부를 클릭하고 새 시간을 입력합니다.

    Dd185499.de14af5e-81fd-4f47-a668-41552a565714(KO-KR,Expression.30).png

문제 해결

  • 응용 프로그램 빌드 시 문제가 발생하면 잘못된 Silverlight 버전을 설치한 것일 수 있습니다. 자세한 내용은 Silverlight 2 도구 및 런타임 설치를 참조하십시오.

다음 단계