화면 디자이너 둘러보기
화면 디자이너를 사용하여 화면을 디자인할 수 있습니다.화면 디자이너는 화면을 만들 때 또는 솔루션 탐색기 화면 노드를 더블 클릭하면 열립니다.
이 항목에는 다음과 같은 단원이 포함되어 있습니다.
화면 디자이너 한눈에 보기
화면 멤버 목록
화면 내용 트리
화면 디자이너 명령 모음
화면 디자이너 한눈에 보기
화면 디자이너는 화면 구성원 목록, 화면 디자이너 명령 모음 및 화면 콘텐츠 트리로 구성되어 있습니다.다음 그림은 화면 디자이너에서 각 영역의 위치를 보여 줍니다.
화면 멤버 목록
화면 멤버 목록은 화면에 사용할 수 있는 항목을 포함합니다.이러한 항목에는 데이터, 메서드 및 로컬 속성이 포함됩니다.이러한 항목을 화면 콘텐츠 트리로 끌어 화면에 통합할 수 있습니다.
기본적으로 화면 구성원 목록에는 화면의 기본 명령과 연결된 메서드(예: 저장 명령)가 포함됩니다.또한 목록에 새 화면 추가 마법사에서 선택한 데이터의 컬렉션이 포함되어 있습니다.또한 항목을 화면 멤버 목록에 추가할 수도 있습니다.
다음 그림에서는 회원 멤버 목록을 보여 줍니다.
화면 구성원 목록의 데이터
화면 멤버 목록에서 사용할 수 있는 데이터는 컬렉션 노드로 나타납니다.컬렉션 노드를 확장하여 필드 컬렉션을 볼 수 있습니다.컬렉션 노드를 화면 멤버 목록에서 화면 콘텐츠 트리로 끌어 놓아 화면에 데이터 컬렉션을 추가할 수 있습니다.또한 개별 필드를 화면 멤버 목록에서 화면 콘텐츠 트리로 끌 수 있습니다.
속성 창을 사용하여 컬렉션의 모양과 동작을 수정할 수 있습니다.컬렉션 이름 옆에 쿼리 편집 링크를 클릭하여 컬렉션에 표시할 데이터 행을 지정할 수 있습니다.자세한 내용은 방법: Silverlight 화면에서 데이터 필터링를 참조하십시오.
화면 멤버 목록의 로컬 속성
정보를 모으거나 표시하려면 로컬 속성이라고 하는 사용자 지정 필드를 추가할 수 있습니다.컬렉션 및 필드처럼 화면 콘텐츠 트리 위에 화면 구성원 목록에서 로컬 속성을 드래그할 수 있습니다.화면 콘텐츠 트리에 텍스트 상자 같은 컨트롤로 로컬 속성이 나타납니다.자세한 내용은 방법: Silverlight 화면에 로컬 속성 추가를 참조하십시오.
화면 멤버 목록의 메서드
메서드는 화면에서 단추와 연결할 수 있는 비즈니스 논리의 단위입니다.화면 콘텐츠 트리에 있는 명령 표시줄 노드로 메서드를 끌어 놓습니다.화면 디자이너는 사용자가 클릭해 메서드를 실행할 수 있는 단추를 자동으로 추가합니다.자세한 내용은 방법: Silverlight 화면에 사용자 지정 명령 추가를 참조하십시오.
화면 내용 트리
화면 콘텐츠 트리는 그룹이라고 하는 노드의 계층으로 화면의 콘텐츠를 나타냅니다.그룹을 확장 또는 축소해서 그룹에 포함되어 있는 명령, 로컬 속성 및 데이터 필드를 볼 수 있습니다.
다음 그림에서는 화면 콘텐츠 트리를 보여줍니다.
그룹 컨트롤 레이아웃을 선택하여 그룹 내에서 정보를 구성하는 방식을 지정할 수 있습니다.또한 다른 그룹에 그룹을 추가할 수 있으며 필드 및 명령을 추가, 제거 및 위치 지정할 수 있습니다.화면 콘텐츠 트리에서 이러한 작업을 수행하는 방법에 대한 자세한 내용은 방법: 화면 디자이너를 사용하여 Silverlight 화면 디자인를 참조하십시오.
화면 디자이너 명령 모음
화면 디자이너 명령 모음은 화면 콘텐츠 트리 바로 위에 나타납니다.이 명령 모음에는 컬렉션 쿼리 편집, 컬렉션 추가, 로컬 속성 및 메서드 만들기, 화면에서 정보를 제거 및 특정 화면 관련 이벤트가 발생할 때 실행되는 사용자 지정 코드를 작성하는 데 사용할 수 있는 명령이 있습니다.다음 표에서는 화면 디자이너 명령 모음의 각 단추를 설명합니다.
명령 |
설명 |
---|---|
쿼리 편집 |
이 명령을 사용하여 데이터 수집 쿼리를 수정합니다.이 명령은 화면 멤버 목록에서 컬렉션의 머리글을 선택하는 경우에 나타납니다.자세한 내용은 방법: Silverlight 화면에서 데이터 필터링를 참조하십시오. |
데이터 항목 추가 |
이 명령을 사용하여 화면에 메서드, 로컬 속성 또는 데이터 컬렉션을 추가합니다. 자세한 내용은 다음 항목 중 하나를 참조하십시오. |
레이아웃 항목 추가 |
이 명령을 사용하여 화면에 단추, 그룹 또는 사용자 지정 컨트롤을 추가합니다. 단추 및 그룹을 추가하는 방법에 대한 자세한 내용은 방법: 화면 디자이너를 사용하여 Silverlight 화면 디자인를 참조하십시오. 사용자 지정 컨트롤을 추가하는 방법에 대한 자세한 내용은 방법: Silverlight 화면에 사용자 지정 컨트롤 추가을 참조하십시오. |
Delete |
화면 구성원 목록 또는 화면 콘텐츠 트리에 표시되는 항목을 삭제하기 위해 이 명령을 사용합니다. |
다시 설정 |
컨트롤을 기본 컨트롤 형식으로 다시 설정하고 제거한 필드를 다시 추가하는 명령을 사용합니다.이 명령은 특정 종류의 컨트롤에만 적용됩니다. |
코드 작성 |
이 명령을 사용하여 화면 코드 파일을 엽니다.화면 코드 파일에서, 선언 드롭다운 목록에서 확장하려는 메서드를 선택할 수 있습니다. 화면 디자이너 명령 모음에서 화면 콘텐츠 트리 또는 화면 구성원 목록에서 현재 선택한 항목에 적용되는 메서드 목록을 보여주려면 코드 작성 단추 옆에 드롭다운 화살표를 클릭합니다.이 목록에서 확장하려는 메서드를 선택할 수 있습니다.자세한 내용은 방법: Silverlight 화면 이벤트 처리를 참조하십시오. |
참고 항목
작업
방법: 화면 디자이너를 사용하여 Silverlight 화면 디자인
방법: 실행 중인 응용 프로그램에서 Silverlight 화면 사용자 지정