LightSwitch 응용 프로그램의 Silverlight 클라이언트 화면
이 항목에 소개된 템플릿, 도구 및 작업을 이해하여 LightSwitch 응용 프로그램에 대한 최고의 Silverlight 기반 화면을 만들고 디자인할 수 있습니다.
화면 템플릿
시작하려면 다음의 화면 템플릿 중 하나를 사용하여 화면을 만듭니다.
새 데이터 화면
데이터 검색 화면
세부 정보 화면
편집 가능한 표 화면
목록 및 세부 정보 화면
템플릿을 선택하는 방법은 화면 형식 선택을 참조하십시오.
이러한 템플릿을 찾는 방법에 대한 내용은 방법: Silverlight 화면 만들기을 참조하십시오.
화면 디자인 도구
화면 디자이너를 사용하거나 응용 프로그램을 실행하는 동안 사용자 지정 모드 화면을 열어 화면의 디자인을 수정할 수 있습니다.
화면 디자이너
화면 디자이너는 데이터 필드와 명령과 같은 항목 및 데이터의 계층적 표현인 화면 콘텐츠 트리를 표시합니다. 항목을 화면 콘텐츠 트리에 끌어 놓고 원하는 순서로 배열할 수 있습니다.
화면 디자이너에 대한 자세한 내용은 화면 디자이너 둘러보기를 참조하십시오.
화면을 디자인하는 방법에 대한 자세한 내용은 연습: LightSwitch에서 Silverlight 화면 디자인을 참조하십시오.
화면 디자이너에서 특정 디자인 작업을 수행하는 방법에 대한 자세한 정보는 방법: 화면 디자이너를 사용하여 Silverlight 화면 디자인를 참조하십시오.
사용자 지정 모드 화면
사용자 지정 모드 화면을 사용하여 응용 프로그램을 실행하는 동안 스크린의 모양을 수정할 수 있습니다. 변경 내용을 적용하기 전에 수정 사항을 미리 볼 수도 있습니다. 사용자 지정 모드 화면에서 응용 프로그램을 실행하는 동안 다음 디자인 작업을 수행할 수 있습니다.
화면에서 항목 제거
항목 캡션 변경
항목의 컨트롤 형식 변경(예: 레이블 또는 입력란)
항목의 레이블 위치 변경
항목 표시 또는 숨김
화면에서 다른 위치로 항목 이동
항목 그룹화
화면에 단추 추가
변경 취소
속성 항목을 기본값으로 다시 설정
다음 그림은 사용자 지정 모드 화면을 보여 줍니다.
.png "Customizing the running application")
사용자 지정 모드 화면에 대한 자세한 내용은 방법: 실행 중인 응용 프로그램에서 Silverlight 화면 사용자 지정을 참조하십시오.
화면 디자인 작업
화면의 디자인을 수정하려면 다음 작업을 수행해 보십시오.
화면 모양 수정
화면에 필드 및 명령 추가
화면에 나타나는 데이터를 필터링
화면에 데이터 추가
화면 탐색 메뉴 사용자 지정
코드를 사용하여 화면 수정
화면 모양 수정
데이터를 화면에 표시하는 방식을 수정할 수 있습니다. 예를 들어, 목록 또는 표로 표시할 정보의 컬렉션을 구성할 수 있습니다. 필드 표시 순서 또는 그룹 필드를 함께 변경할 수 있습니다.
자세한 내용은 방법: 화면 디자이너를 사용하여 Silverlight 화면 디자인을 참조하십시오.
Northwind 샘플 데이터베이스 정보를 표시하는 화면 모양을 디자인하는 방법에 대한 예제는 LightSwitch 응용 프로그램에서 화면 모양 사용자 지정를 참조 하십시오.
화면에 필드 및 명령 추가
LightSwitch 화면에서는 사용자가 데이터를 확인, 업데이트, 삭제, 또는 저장할 수 있는 명령을 기본 제공합니다. 또한 사용자 지정 명령 및 필드를 추가할 수 있습니다.
화면에 비즈니스 논리를 추가하려면 사용자 지정 명령을 추가합니다. 예를 들어, 사용자가 판매 주문 볼륨을 기준으로 고객 목록을 볼 수 있도록 단추를 추가할 수 있습니다. 자세한 내용은 방법: Silverlight 화면에 사용자 지정 명령 추가을 참조하십시오.
정보를 수집 또는 표시하려면 사용자 지정 로컬 속성 필드를 추가할 수 있습니다. 예를 들어, 판매 볼륨 단추 옆에 입력란을 추가해서 사용자가 얼마나 많은 고객을 목록에 표시할지를 지정할 수 있게 할 수 있습니다. 자세한 내용은 방법: Silverlight 화면에 로컬 속성 추가을 참조하십시오.
화면에 사용자 지정 컨트롤 추가
LightSwitch 화면에 Silverlight 컨트롤을 추가할 수 있습니다. Silverlight 컨트롤을 사용하여 기본 제공 LightSwitch 컨트롤의 기능보다 뛰어난 방법으로 정보를 표시하거나 수집할 수 있습니다. 또한 화면에 표시하는 기본 제공 LightSwitch 컨트롤을 대체하는 Silverlight 컨트롤을 사용할 수 있습니다. 자세한 내용은 방법: Silverlight 화면에 사용자 지정 컨트롤 추가을 참조하십시오.
화면에 나타나는 데이터를 필터링
화면 쿼리 조건을 수정하여 화면에 나타나는 데이터를 필터링할 수 있습니다.
디자이너의 왼쪽 창에 표시되는 모든 데이터 그룹은 쿼리를 기준으로 합니다. 화면에는 이러한 쿼리가 반환한 정보만 표시됩니다. 데이터 그룹에 대해 표시되는 정보를 변경하려면 해당 쿼리를 수정합니다.
자세한 내용은 방법: Silverlight 화면에서 데이터 필터링을 참조하십시오.
화면에 데이터 추가
화면에 다른 종류의 데이터를 추가할 수 있습니다. 예를 들어, 고객을 표시하는 화면에서 주문 목록을 보여주는 데이터 표를 추가할 수 있습니다. 자세한 내용은 방법: 화면에 데이터 추가을 참조하십시오.
화면 탐색 메뉴 사용자 지정
사용자는 응용 프로그램의 탐색 메뉴에서 해당 이름을 클릭하여 화면을 열 수 있습니다. 이러한 화면이 메뉴에 나타나는 순서를 지정할 수 있습니다. 또한 응용 프로그램을 시작할 때 어떤 화면을 표시할 것인지 지정하고 탭으로 나타나는 여러 화면을 사용자가 열 수 있는지 여부를 지정할 수 있습니다.
자세한 내용은 방법: LightSwitch에서 메뉴 항목 및 탐색 그룹 만들기을 참조하십시오.
사용자가 데이터를 검색하도록 설정
LightSwitch에서는 기본적으로 검색을 지원합니다. 응용 프로그램을 실행하면 화면의 모든 데이터 모음 위에 검색 상자가 표시됩니다. 사용자는 검색 상자 중 하나에 용어를 입력하고 Enter 키를 눌러 관련 정보를 검색할 수 있습니다.
한 화면에서 검색 상자를 숨기는 방법에 대한 정보는 방법: 화면 디자이너를 사용하여 Silverlight 화면 디자인를 참조하십시오.
검색에서 특정 필드를 제외하는 방법에 대한 내용은 참조: 데이터 디자이너 속성를 참조하십시오.
LightSwitch는 검색 화면을 만드는 데 사용할 수 있는 템플릿을 제공합니다. 자세한 내용은 화면 형식 선택을 참조하십시오.
검색 요청에서 형식이 String인 필드만 고려됩니다. 또한, 검색 요청은 관련된 데이터 컬렉션에만 적용됩니다. 예를 들어, 고객 컬렉션 위에 나타나는 검색 상자를 고객이 지정한 주문 정보를 검색하는 데 사용할 수 없습니다.
비문자열 필드 또는 관련된 컬렉션에 존재하는 정보를 고려하는 검색을 제공하려는 경우 화면에 사용자 지정 검색 기능을 구현해야 합니다. 이를 수행하는 방법에 대한 예제는 Creating a Custom Search Screen in Visual Studio LightSwitch를 참조하십시오.
코드를 사용하여 화면 수정
LightSwitch에서 호출하는 부분 메서드에 코드를 추가하여 특정 이벤트가 런타임에 발생할 때 화면이 적절하게 수정됩니다. 예를 들어, 응용 프로그램의 사용자에게 익명으로 보이게 할 회사의 이름을 숨기는 코드를 추가할 수 있습니다. 이 코드는 고객의 회사 이름을 검사하고 일치하는 항목을 찾으면 정보가 화면에 표시되지 전에 CompanyName 필드의 IsVisible 속성을 False로 설정합니다.
코드 작성에 대한 자세한 내용은 방법: Silverlight 화면 이벤트 처리 및 방법: Silverlight 화면에 사용자 지정 명령 추가를 참조하십시오.
화면을 수정하는 코드를 추가하는 방법에 대한 자세한 내용은 방법: 코드를 사용하여 Silverlight 화면 수정를 참조하십시오.
관련 항목
제목 |
설명 |
|---|---|
화면을 만들기 위한 시작 단계로 사용할 수 있는 템플릿에 대해 설명합니다. |
|
응용 프로그램에 화면을 추가하는 방법을 보여 줍니다. |
|
디자이너의 각 부분과 그 기능을 보여 줍니다. |
|
Northwind 샘플 데이터베이스의 데이터를 표시하는 화면을 디자인하는 방법을 보여 줍니다. |
|
화면 디자이너를 사용하는 방법을 보여 줍니다. |
|
응용 프로그램을 실행하는 동안 화면 모양을 사용자 지정하는 방법을 보여 줍니다. |
|
화면에 사용자 지정 로컬 속성 필드를 추가하는 방법을 보여 줍니다. |
|
화면에서 사용자 지정 코드를 실행하는 단추 또는 링크를 추가하는 방법을 보여 줍니다. |
|
LightSwitch의 외부에서 컨트롤을 만들고 LightSwitch 화면에서 사용하는 방법을 보여 줍니다. |
|
다른 쿼리의 데이터를 화면에 추가하는 방법을 보여 줍니다. |
|
화면에 표시할 데이터를 제어하는 쿼리를 사용하는 방법을 보여 줍니다. |
|
특정 이벤트가 발생할 경우 실행되는 코드를 작성하여 응용 프로그램을 사용자 지정하는 방법에 대해 설명합니다. |
|
코드를 사용하여 컨트롤을 수정하고 화면의 항목과 상호 작용하는 방법을 설명합니다. |
|
화면 구성원 목록 및 화면 디자이너의 화면 콘텐츠 트리에 표시되는 항목의 속성을 설명합니다. 속성 값을 설정하는 속성 창을 사용하여 항목의 모양 및 동작을 수정할 수 있습니다. |
|
LightSwitch 응용 프로그램에 보고 및 인쇄 기능을 추가할 때 사용 가능한 옵션에 대해 설명합니다. |