방법: Silverlight 화면에 사용자 지정 컨트롤 추가

아티클
02/21/2013

LightSwitch 화면에 Silverlight 컨트롤을 추가할 수 있습니다.Silverlight 컨트롤을 사용하여 기본 제공 LightSwitch 컨트롤의 기능보다 뛰어난 방법으로 정보를 표시하거나 수집할 수 있습니다.

Silverlight 런타임 및 Silverlight SDK에 포함된 컨트롤을 사용할 수 있습니다.또한 예를 들면 Visual Studio 2010에서 사용할 수 있는 Silverlight 프로젝트 템플릿을 사용하여 만들 컨트롤을 사용할 수 있습니다.두 종류의 컨트롤 모두를 LightSwitch의 사용자 지정 컨트롤이라고 합니다.

Visual Studio에서 Silverlight 프로젝트 템플릿을 사용하여 사용자 지정 컨트롤을 만드는 방법에 대한 내용은 Control Basics (Silverlight QuickStart)을 참조하십시오.

새 컨트롤 추가 및 기존 컨트롤 교체

기존 LightSwitch 컨트롤을 대신하여 또는 새 컨트롤로 화면에 사용자 지정 컨트롤을 추가할 수 있습니다.

화면에 사용자 지정 컨트롤 추가

화면 콘텐츠 트리에서 임의의 그룹을 선택합니다.
화면 디자이너 맨 위에 있는 레이아웃 항목 추가를 클릭한 다음 사용자 지정 컨트롤을 클릭합니다.
사용자 지정 컨트롤 추가 대화 상자에서 어셈블리 노드를 확장하고 네임스페이스 노드를 확장한 다음 컨트롤 노드를 선택합니다.

사용자 지정 컨트롤 추가 대화 상자에 원하는 어셈블리가 나타나지 않으면 참조 추가를 클릭합니다.참조 추가 대화 상자에서 사용하고 싶은 컨트롤을 포함하는 어셈블리 또는 로컬 프로젝트를 선택한 후 확인을 클릭합니다.

[!참고]

Visual Studio에서 Silverlight 프로젝트 템플릿을 사용하여 이 컨트롤을 생성하였으며 컨트롤의 XAML을 수정하여 컨트롤을 데이터에 바운딩한 경우 다음 단계를 수행하지 않아도 됩니다.컨트롤의 XAML을 수정하여 사용자 지정 컨트롤을 데이터에 바인딩하는 방법에 대한 자세한 내용은 LightSwitch 응용 프로그램 UI 성능을 향상시키기 위한 사용자 지정 컨트롤 사용을 참조하십시오.사용자 지정 컨트롤이 기본 제공 Silverlight 컨트롤이거나 Visual Studio에서 Silverlight 프로젝트 템플릿을 사용하여 이 컨트롤을 생성했는데 LightSwitch을(를) 사용하여 컨트롤을 데이터에 바인딩하려는 경우 다음 단계를 진행합니다.
새 사용자 지정 컨트롤에 대한 데이터 지정 필드에서 컨트롤에 바인딩할 화면 데이터의 이름을 입력한 후 확인을 클릭합니다.

예를 들어, CustomerSet이라는 컬렉션에서 사용자 지정 목록 상자에 이름을 표시하려면 CustomerSet을 입력합니다.컨트롤이 현재 선택한 고객의 이름을 표시하게 하려면 CustomerSet.SelectedItem.ContactName을 입력합니다.
컨트롤의 특정 속성에 데이터를 바인딩하는 코드를 추가합니다.자세한 내용은 이 문서 뒷부분의 사용자 지정 컨트롤의 속성에 데이터 바인딩을 참조하십시오.

사용자 지정 컨트롤을 사용하여 기존 컨트롤을 교체하려면

화면 내용 트리의 교체하려는 컨트롤 옆에 있는 드롭다운 목록에서 사용자 지정 컨트롤을 선택합니다.
사용자 지정 필드 옆의 속성 창에서 변경을 클릭합니다.
사용자 지정 컨트롤 추가 대화 상자에서 어셈블리 노드를 확장하고 네임스페이스 노드를 확장한 다음 제어 노드를 선택하고 확인을 클릭합니다.

컨트롤을 포함하는 어셈블리가 사용자 지정 컨트롤 추가 대화 상자에서 나타나지 않으면 참조 추가를 클릭합니다.참조 추가 대화 상자에서 사용하고 싶은 컨트롤을 포함하는 어셈블리 또는 로컬 프로젝트를 선택한 후 확인을 클릭합니다.
컨트롤의 특정 속성에 데이터를 바인딩하는 코드를 추가합니다.자세한 내용은 이 문서 뒷부분의 사용자 지정 컨트롤의 속성에 데이터 바인딩을 참조하십시오.

데이터를 사용자 지정 컨트롤의 속성에 바인딩

반드시 사용자 지정 컨트롤 추가 대화 상자에서 지정한 데이터를 사용자 지정 컨트롤의 특정 속성에 바인딩해야 합니다.

데이터를 사용자 지정 컨트롤의 속성에 바인딩하려면

화면 디자이너에서 코드 작성 단추 옆의 화살표를 클릭하고 아무 메서드나 클릭합니다.

[!참고]

데이터가 런타임 시 컨트롤에 표시되어야 하기 전에 실행되는 메서드(예: CustomerListDetail_Activated)를 선택합니다.

코드 편집기에 메서드 블록이 나타납니다.
메서드 블록에 사용자 지정 컨트롤의 속성을 화면 데이터에 바인딩하는 코드를 추가합니다.

다음 예제는 Customers이라는 사용자 목록 상자 컨트롤을 참조합니다.이 코드는 사용자 지정 컨트롤 추가 대화 상자에서 지정된 데이터 수집을 목록 상자의 특정 속성에 바인딩합니다.이 코드는 또한 이 컨트롤을 사용하여 데이터를 수정할 수 있도록 지정합니다.
```
Private Sub CustomersListDetail_Activated()
    Me.FindControl("Customers").SetBinding( _
        System.Windows.Controls.ListBox.ItemsSourceProperty, _
                "Value", System.Windows.Data.BindingMode.TwoWay)
End Sub
```
```
partial void CustomersListDetail_Activated()
{
    this.FindControl("Customers").SetBinding(
        System.Windows.Controls.ListBox.ItemsSourceProperty,
        "Value", System.Windows.Data.BindingMode.TwoWay);
}
```