다음을 통해 공유

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

  • 아티클

나만의 사용자 정의 컨트롤을 직접 만들 때, 사용자 지정 상태 및 상태 그룹을 추가하여 사용자 정의 컨트롤의 각 상태의 다양한 모양을 정의할 수 있습니다. 예를 들어 사용자 정의 컨트롤이 게임 카드(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팁:

    상태 및 상태 그룹을 지정할 때는 사용자 정의 컨트롤에 표시할 시각적 상태를 모두 고려한 다음 동시에 표시하지 않을 상태를 확인합니다. 상태 그룹에 있는 상태를 한 번에 하나씩만 표시할 수 있기 때문에 동시에 표시하지 않을 상태는 같은 상태 그룹에 나열되어야 합니다. 예를 들어 다음 그림은 카드 게임의 카드를 나타내는 사용자 정의 컨트롤을 보여 줍니다. MouseInteraction과 SideDisplayed의 두 상태 그룹이 정의되어 있습니다. MouseInteraction 상태 그룹에는 동시에 표시되지 않는 상태인 Click, MouseOver 및 Normal 상태가 포함되어 있습니다. 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 도구 및 런타임 설치를 참조하십시오.

다음 단계