방법: 화면 디자이너를 사용하여 Silverlight 화면 디자인
화면 디자이너를 사용하여 화면의 모양을 수정할 수 있습니다.화면 디자이너를 사용하여 다음 디자인 작업을 수행할 수 있습니다.
필드 및 명령 디자인 작업
화면에 정보 그룹 추가
그룹 레이아웃 수정.
단추 추가
항목 추가
Remove items.
Move items.
항목의 표시 이름 변경.
항목의 레이블 위치 변경.
항목의 크기 변경.
Show or hide an item.
항목의 컨트롤 형식 변경.
화면에 사용자 지정 컨트롤 추가
변경 취소
데이터 컬렉션 디자인 작업
화면이 처음 로드될 때 컬렉션이 데이터를 표시하는지 여부 변경.
페이징 사용 또는 사용 안 함.
정렬 사용 또는 사용 안 함.
검색 사용 또는 사용 안 함.
응용 프로그램을 실행하는 동안 디자인 작업을 수행하는 방법에 대한 자세한 내용은 방법: 실행 중인 응용 프로그램에서 Silverlight 화면 사용자 지정을 참조하십시오.
화면에 정보 그룹 추가
화면 콘텐츠 트리에서 정보 그룹을 추가할 그룹을 선택합니다.
화면 디자이너 맨 위에 있는 레이아웃 항목 추가를 클릭한 다음 그룹을 클릭합니다.
새 그룹이 나타납니다.
항목을 그룹으로 끌어 놓습니다.디자이너의 화면 구성원 목록 또는 화면 콘텐츠 트리의 다른 영역에서 항목을 끌어 놓을 수 있습니다.
그룹 레이아웃 수정
화면 콘텐츠 트리에서 수정하려는 그룹 옆에 있는 아래쪽 화살표를 클릭합니다.
드롭다운 목록이 나타납니다.드롭다운 목록에는 그룹에 사용할 수 있는 모든 컨트롤 형식이 표시됩니다.
컨트롤 드롭다운 목록에서 원하는 컨트롤 형식을 클릭합니다.
선택한 컨트롤 유형은 그룹의 레이아웃에 영향을 줍니다.각각의 컨트롤 유형에 대한 자세한 내용은 참조: 화면 디자이너 속성를 참조하십시오.
단추 추가
화면 콘텐츠 트리에서 임의의 메뉴 명령 노드를 선택합니다.
화면 디자이너 맨 위에 있는 레이아웃 항목 추가를 클릭한 다음 단추를 클릭합니다.
명령 모음 노드 아래에 단추가 나타납니다.
사용자가 단추를 클릭하면 실행되는 코드를 추가합니다.자세한 내용은 방법: Silverlight 화면에 사용자 지정 명령 추가를 참조하십시오.
항목 추가
화면 디자이너의 화면 구성원 목록에서 화면 콘텐츠 트리의 원하는 위치로 항목(예를 들어, 필드 또는 명령)을 끌어 놓습니다.
.gif "팁")
팁화면 콘텐츠 트리는 디자이너의 중간에 표시되는 화면 개체의 계층 구조입니다.
항목을 끌면 마우스 커서가 변경되어 주어진 위치에 항목을 배치할 것인지 여부를 알려줍니다.마우스 커서가 슬래시가 있는 원형으로 변경되면 그 위치에 항목을 끌어 놓을 수 없습니다.
또한 화면에 사용자 지정 필드를 추가할 수 있습니다.자세한 내용은 방법: Silverlight 화면에 로컬 속성 추가를 참조하십시오.
항목 제거
화면 콘텐츠 트리에서 화면에서 제거하려는 항목(예, 필드 또는 명령)을 선택합니다.
화면 콘텐츠 트리 맨 위에 있는 삭제단추를 클릭합니다.
항목 이동
화면 콘텐츠 트리에서 항목(예, 필드 또는 명령)을 원하는 항목의 목록 위치로 끌어 놓습니다.
예를 들어, PostalCode 필드를 Country 필드 아래에 끌어 놓거나 편집 단추를 삭제 단추 위에 끌어 놓습니다.
[!참고]
필드를 끌면 마우스 커서가 변경되어 주어진 위치에 항목을 배치할 것인지 여부를 알려줍니다.마우스 커서가 슬래시가 있는 원형으로 변경되면 그 위치에 항목을 끌어 놓을 수 없습니다.
항목의 표시 이름 변경
화면 콘텐츠 트리에서 항목을 선택합니다(예: 필드 또는 명령).
속성 창에서 표시 이름 아래에 있는 텍스트 상자를 선택하고 원하는 항목 이름을 입력합니다.
표시 이름을 변경해도 항목의 이름은 변경되지 않습니다.화면에 항목이 나타나면 그 항목의 이름만 변경합니다.
항목의 레이블 위치 변경
화면 콘텐츠 트리에서 필드를 선택합니다.
속성 창에서 레이블 위치 아래의 드롭다운 목록을 클릭하고 원하는 위치를 선택합니다.
다음 표는 각 옵션에 대해 설명합니다.
레이블 위치
설명
왼쪽 정렬
레이블이 컨트롤 왼쪽에 나타납니다.
오른쪽 정렬
레이블이 컨트롤 오른쪽에 나타납니다.
Top
레이블이 컨트롤 위에 나타납니다.
Bottom
레이블이 컨트롤 아래에 나타납니다.
없음
선택한 데이터 필드에 레이블이 나타나지 않습니다.
Collapsed
필드를 레이블용으로 예약될 공간에 배치합니다.
항목의 크기 변경
화면 콘텐츠 트리에서 항목을 선택합니다(예: 필드 또는 명령).
속성 창의 크기 조정 아래에서 컨트롤의 높이 및 너비 크기를 선택합니다.
각각의 설정에 대한 자세한 내용은 참조: 화면 디자이너 속성를 참조하십시오.
항목 표시 또는 숨김
화면 콘텐츠 트리에서 항목을 선택합니다(예: 필드 또는 명령).
속성 창에서 표시됨 속성을 선택 또는 취소합니다.
표시됨을 선택하면 응용 프로그램을 실행할 때 해당 항목이 화면에 나타납니다.표시됨 선택을 취소하면 응용 프로그램을 실행할 때 해당 항목이 화면에 나타나지 않습니다.
[!참고]
(보이지 않음) 레이블이 응용 프로그램을 실행할 때 화면에 나타나지 않는 항목 옆에 나타납니다.
항목의 컨트롤 형식 변경
화면 콘텐츠 트리에서 항목 옆에 있는 드롭다운 목록을 선택합니다.
드롭다운 목록에서 원하는 컨트롤 형식을 선택합니다.
대부분의 컨트롤 형식은 기본 제공 컨트롤 형식입니다.다른 도구를 사용하여 만든 사용자 지정 컨트롤에 컨트롤 유형을 설정할 수도 있습니다.사용자 지정 컨트롤에 대한 자세한 내용은 방법: Silverlight 화면에 사용자 지정 컨트롤 추가을 참조하십시오.
화면에 사용자 지정 컨트롤 추가
화면 콘텐츠 트리에서 임의의 그룹을 선택합니다.
화면 디자이너 맨 위에 있는 레이아웃 항목 추가를 클릭한 다음 사용자 지정 컨트롤을 클릭합니다.
자세한 내용은 방법: Silverlight 화면에 사용자 지정 컨트롤 추가를 참조하십시오.
변경 취소
편집 메뉴에서 실행 취소를 클릭합니다.
팁화면 디자이너에서 편집한 내용을 실수로 취소한 경우 편집 메뉴의 다시 실행을 클릭합니다.
화면이 처음 로드될 때 컬렉션이 데이터를 표시하는지 여부 변경
화면 디자이너의 화면 구성원 목록에서 컬렉션 제목(예를 들어, OrderCollection 제목)을 선택합니다.
화면이 나타날 때 컬렉션에서 아무런 데이터를 표시하지 않게 하려면 속성 창에서 쿼리 자동 실행 확인란을 취소합니다.화면이 나타나면 컬렉션이 데이터를 표시하게 하려면 쿼리 자동 실행 확인란을 선택합니다.
페이징 사용 또는 사용 안 함
화면 디자이너의 화면 구성원 목록에서 컬렉션 제목(예를 들어, OrderCollection 제목)을 선택합니다.
행의 컬렉션이 크더라도 쿼리에서 반환하는 모든 행을 사용자가 보게 하려면 속성 창에서 페이징 지원 확인란의 선택을 취소합니다.쿼리가 많은 레코드를 반환하는 경우 사용자에게 표시되는 레코드 수를 제한하려는 경우 페이징 지원 확인란을 선택합니다.
페이지 당 표시할 항목 수에서 페이징 지원을 선택하는 경우 사용자에게 표시할 행 수를 지정합니다.
[!참고]
사용자는 화면의 링크를 클릭하여 행 집합에서 앞으로 이동할 수 있습니다.
정렬 사용 또는 사용 안 함
화면 디자이너의 화면 구성원 목록에서 컬렉션 제목(예를 들어, OrderCollection 제목)을 선택합니다.
컬렉션에 대해 나타나는 데이터를 사용자가 정렬하지 않게 하려면 속성에서 지원 정렬 확인란의 선택을 취소합니다.사용자가 컬렉션에 대해 표시되는 데이터를 정렬하게 하려면 페이징 지원 확인란을 선택합니다.
검색 사용 또는 사용 안 함
화면 디자이너의 화면 구성원 목록에서 컬렉션 제목(예를 들어, OrderCollection 제목)을 선택합니다.
검색 상자를 컬렉션 위에 표시하지 않게 하려면 속성 창에서 지원 검색 확인란의 선택을 취소합니다.컬렉션 위에 검색 상자를 표시하려면 검색 지원 확인란을 선택합니다.사용자가 데이터를 검색할 수 있게 하는 방법에 대한 자세한 내용은 How to: Enable the User to Search Data를 참조하십시오.
참고 항목
작업
방법: 실행 중인 응용 프로그램에서 Silverlight 화면 사용자 지정
방법: Silverlight 화면에 사용자 지정 명령 추가