다음을 통해 공유


화면 디자이너 둘러보기

화면 디자이너를 사용하여 화면을 디자인할 수 있습니다.화면 디자이너는 화면을 만들 때 또는 솔루션 탐색기 화면 노드를 더블 클릭하면 열립니다.

이 항목에는 다음과 같은 단원이 포함되어 있습니다.

  • 화면 디자이너 한눈에 보기

  • 화면 멤버 목록

  • 화면 내용 트리

  • 화면 디자이너 명령 모음

화면 디자이너 한눈에 보기

화면 디자이너는 화면 구성원 목록, 화면 디자이너 명령 모음 및 화면 콘텐츠 트리로 구성되어 있습니다.다음 그림은 화면 디자이너에서 각 영역의 위치를 보여 줍니다.

LightSwitch 화면 디자이너

화면 멤버 목록

화면 멤버 목록은 화면에 사용할 수 있는 항목을 포함합니다.이러한 항목에는 데이터, 메서드 및 로컬 속성이 포함됩니다.이러한 항목을 화면 콘텐츠 트리로 끌어 화면에 통합할 수 있습니다.

기본적으로 화면 구성원 목록에는 화면의 기본 명령과 연결된 메서드(예: 저장 명령)가 포함됩니다.또한 목록에 새 화면 추가 마법사에서 선택한 데이터의 컬렉션이 포함되어 있습니다.또한 항목을 화면 멤버 목록에 추가할 수도 있습니다.

다음 그림에서는 회원 멤버 목록을 보여 줍니다.

화면 멤버 목록

Gg445202.collapse_all(ko-kr,VS.110).gif화면 구성원 목록의 데이터

화면 멤버 목록에서 사용할 수 있는 데이터는 컬렉션 노드로 나타납니다.컬렉션 노드를 확장하여 필드 컬렉션을 볼 수 있습니다.컬렉션 노드를 화면 멤버 목록에서 화면 콘텐츠 트리로 끌어 놓아 화면에 데이터 컬렉션을 추가할 수 있습니다.또한 개별 필드를 화면 멤버 목록에서 화면 콘텐츠 트리로 끌 수 있습니다.

속성 창을 사용하여 컬렉션의 모양과 동작을 수정할 수 있습니다.컬렉션 이름 옆에 쿼리 편집 링크를 클릭하여 컬렉션에 표시할 데이터 행을 지정할 수 있습니다.자세한 내용은 방법: Silverlight 화면에서 데이터 필터링를 참조하십시오.

Gg445202.collapse_all(ko-kr,VS.110).gif화면 멤버 목록의 로컬 속성

정보를 모으거나 표시하려면 로컬 속성이라고 하는 사용자 지정 필드를 추가할 수 있습니다.컬렉션 및 필드처럼 화면 콘텐츠 트리 위에 화면 구성원 목록에서 로컬 속성을 드래그할 수 있습니다.화면 콘텐츠 트리에 텍스트 상자 같은 컨트롤로 로컬 속성이 나타납니다.자세한 내용은 방법: Silverlight 화면에 로컬 속성 추가를 참조하십시오.

Gg445202.collapse_all(ko-kr,VS.110).gif화면 멤버 목록의 메서드

메서드는 화면에서 단추와 연결할 수 있는 비즈니스 논리의 단위입니다.화면 콘텐츠 트리에 있는 명령 표시줄 노드로 메서드를 끌어 놓습니다.화면 디자이너는 사용자가 클릭해 메서드를 실행할 수 있는 단추를 자동으로 추가합니다.자세한 내용은 방법: Silverlight 화면에 사용자 지정 명령 추가를 참조하십시오.

화면 내용 트리

화면 콘텐츠 트리는 그룹이라고 하는 노드의 계층으로 화면의 콘텐츠를 나타냅니다.그룹을 확장 또는 축소해서 그룹에 포함되어 있는 명령, 로컬 속성 및 데이터 필드를 볼 수 있습니다.

다음 그림에서는 화면 콘텐츠 트리를 보여줍니다.

그룹 컨트롤 레이아웃을 선택하여 그룹 내에서 정보를 구성하는 방식을 지정할 수 있습니다.또한 다른 그룹에 그룹을 추가할 수 있으며 필드 및 명령을 추가, 제거 및 위치 지정할 수 있습니다.화면 콘텐츠 트리에서 이러한 작업을 수행하는 방법에 대한 자세한 내용은 방법: 화면 디자이너를 사용하여 Silverlight 화면 디자인를 참조하십시오.

화면 디자이너 명령 모음

화면 디자이너 명령 모음은 화면 콘텐츠 트리 바로 위에 나타납니다.이 명령 모음에는 컬렉션 쿼리 편집, 컬렉션 추가, 로컬 속성 및 메서드 만들기, 화면에서 정보를 제거 및 특정 화면 관련 이벤트가 발생할 때 실행되는 사용자 지정 코드를 작성하는 데 사용할 수 있는 명령이 있습니다.다음 표에서는 화면 디자이너 명령 모음의 각 단추를 설명합니다.

명령

설명

쿼리 편집

이 명령을 사용하여 데이터 수집 쿼리를 수정합니다.이 명령은 화면 멤버 목록에서 컬렉션의 머리글을 선택하는 경우에 나타납니다.자세한 내용은 방법: Silverlight 화면에서 데이터 필터링를 참조하십시오.

데이터 항목 추가

이 명령을 사용하여 화면에 메서드, 로컬 속성 또는 데이터 컬렉션을 추가합니다.

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

레이아웃 항목 추가

이 명령을 사용하여 화면에 단추, 그룹 또는 사용자 지정 컨트롤을 추가합니다.

단추 및 그룹을 추가하는 방법에 대한 자세한 내용은 방법: 화면 디자이너를 사용하여 Silverlight 화면 디자인를 참조하십시오.

사용자 지정 컨트롤을 추가하는 방법에 대한 자세한 내용은 방법: Silverlight 화면에 사용자 지정 컨트롤 추가을 참조하십시오.

Delete

화면 구성원 목록 또는 화면 콘텐츠 트리에 표시되는 항목을 삭제하기 위해 이 명령을 사용합니다.

다시 설정

컨트롤을 기본 컨트롤 형식으로 다시 설정하고 제거한 필드를 다시 추가하는 명령을 사용합니다.이 명령은 특정 종류의 컨트롤에만 적용됩니다.

코드 작성

이 명령을 사용하여 화면 코드 파일을 엽니다.화면 코드 파일에서, 선언 드롭다운 목록에서 확장하려는 메서드를 선택할 수 있습니다.

화면 디자이너 명령 모음에서 화면 콘텐츠 트리 또는 화면 구성원 목록에서 현재 선택한 항목에 적용되는 메서드 목록을 보여주려면 코드 작성 단추 옆에 드롭다운 화살표를 클릭합니다.이 목록에서 확장하려는 메서드를 선택할 수 있습니다.자세한 내용은 방법: Silverlight 화면 이벤트 처리를 참조하십시오.

참고 항목

작업

방법: Silverlight 화면 만들기

방법: 화면 디자이너를 사용하여 Silverlight 화면 디자인

방법: 실행 중인 응용 프로그램에서 Silverlight 화면 사용자 지정

개념

참조: 화면 디자이너 속성

기타 리소스

화면: 응용 프로그램의 사용자 인터페이스