Silverlight 2 개요

Microsoft Silverlight 2는 웹을 통해 비디오, 애니메이션, 대화형 기능, 그리고 편리하면서도 세련된 사용자 인터페이스가 통합된 풍부한 기능의 응용 프로그램을 제공하기 위한 플러그 인으로, 브라우저와 플랫폼 유형에 관계없이 사용할 수 있습니다. Silverlight 2 응용 프로그램은 Microsoft Windows 기반 컴퓨터와 Apple Macintosh 컴퓨터의 대부분의 브라우저에서 추가 설치 요구 사항 없이 동일한 환경과 기능을 제공합니다.

Silverlight 2는 XAML을 사용하는 일관된 프레젠테이션 모델을 제공합니다. Microsoft Expression Blend 2 서비스 팩 1을 사용하면 Silverlight 2 응용 프로그램의 편리하면서도 세련된 사용자 인터페이스를 손쉽게 디자인하고 결과를 테스트해 볼 수 있습니다.

Silverlight 2에서 수행할 수 있는 작업

Silverlight 2를 사용하여 무엇을 만들 수 있는지 가장 쉽게 파악할 수 있는 방법은 예제 응용 프로그램을 보는 것입니다. Expression Blend 2 서비스 팩 1은 예제 Silverlight 2 프로젝트를 제공합니다. 도움말 메뉴에서 시작 화면을 클릭한 다음 예제 탭에서 다음 예제 중 하나를 클릭하면 해당 예제 프로젝트가 아트보드에 열립니다.

• Memory

• ImageGallery

Silverlight 쇼케이스 및 Silverlight 갤러리를 통해 온라인으로도 기타 예제가 제공되고 있으니 참조하시기 바랍니다.

맨 위로 이동

Expression Blend 2의 Silverlight 2 지원

Expression Blend 2 서비스 팩 1을 설치한 경우 Silverlight 2 프로젝트를 만들고 작업할 수 있습니다.

Silverlight 2는 Silverlight 1에서는 지원되지 않았던 WPF(Windows Presentation Foundation)와 공통되는 많은 기능을 지원합니다. 예를 들어 더욱 많은 레이아웃 패널이 제공되며 Button 및 TextBox 컨트롤 등 더욱 많은 컨트롤도 제공됩니다.

[!참고]

3D 개체, 동적 리소스, 외부 리소스 사전, XML 데이터 원본, 요소 간 데이터 바인딩은 Silverlight 2 프로젝트에서 사용할 수 없습니다. 트리거는 지원되지 않지만 상태라고 불리는 기능이 트리거와 유사한 기능을 제공합니다.

작업 영역

Silverlight 2 프로젝트가 열려 있으면 Silverlight 2에서 사용할 수 있는 컨트롤, 속성 및 도구만 Expression Blend 사용자 인터페이스에 표시됩니다. 예를 들어 지원되지 않는 컨트롤은 도구 상자나 자산 라이브러리에 표시되지 않습니다.

컨트롤

Silverlight 2 응용 프로그램의 사용자 인터페이스를 디자인하려면 컨트롤 및 기타 요소를 Silverlight 2 프로젝트의 XAML 문서(대개 Page.xaml)에 추가하십시오. Expression Blend에서 제공되는 자산 라이브러리의 컨트롤 탭에 Silverlight 2 런타임에 사용할 수 있는 컨트롤 목록이 나열됩니다.

프로젝트에 컨트롤을 추가하는 방법에 대한 자세한 내용은 Silverlight 2 프로젝트에서 컨트롤 그리기를 참조하십시오. 자산 라이브러리에 컨트롤을 추가하는 방법에 대한 자세한 내용은 참조를 추가하여 사용자 지정 컨트롤 가져오기를 참조하십시오.

리소스

정적 리소스 및 템플릿은 지원됩니다. 즉, 컨트롤의 재사용 가능한 색, 브러시 및 스킨을 만들 수 있습니다. 동적 리소스는 사용할 수 없습니다. 리소스와 템플릿에 대한 자세한 내용은 다양한 상태의 시스템 컨트롤 모양 수정 및 Silverlight 2 프로젝트에서 컨트롤의 스킨 만들기를 참조하십시오.

상태

컨트롤은 어떤 상태에 있느냐에 따라 다르게 보일 수 있습니다. 예를 들어 단추 위로 마우스 포인터를 가져갈 때 해당 단추의 색이 약간 바뀌는 경우를 들 수 있습니다. "MouseOver"는 단추의 상태 중 하나입니다.

Expression Blend에서 제공되는 모든 시스템 컨트롤의 다양한 상태가 갖는 모양을 사용자 지정할 수 있습니다. 또는 컨트롤 클래스를 상속하는 사용자 지정 Silverlight 2 컨트롤을 가져온 경우 이들 가져온 모든 항목의 다양한 상태가 갖는 모양도 사용자 지정할 수 있습니다. 컨트롤의 템플릿 복사본에서 해당 컨트롤의 상태를 수정할 수 있습니다. 자세한 내용은 다양한 상태의 시스템 컨트롤 모양 수정을 참조하십시오.

상태 간 전환에 걸리는 시간도 사용자 지정할 수 있습니다. 자세한 내용은 시스템 컨트롤의 상태 변경 간 전환 시간 수정을 참조하십시오.

사용자 정의 컨트롤(UserControl 클래스를 상속하는 컨트롤)의 템플릿을 만들 수는 없지만, 처음부터 새로 디자인하고 사용자 지정 상태를 추가하는 방식으로 사용자 정의 컨트롤을 사용자 지정할 수 있습니다. 자세한 내용은 Silverlight 2 프로젝트에서 새 사용자 정의 컨트롤 만들기 및 사용자 정의 컨트롤의 다양한 시각적 상태 및 전환 시간 정의를 참조하십시오.

미디어

미디어 파일은 Silverlight 2 프로젝트에서 사용할 수 있습니다. 열려 있는 XAML 문서에 미디어 파일을 삽입하면 MediaElement 개체가 만들어져 미디어 파일을 표시합니다. MediaElement 개체에는 AutoPlay 속성이 포함되어 있으며 이 속성을 True로 설정하면 개체가 응용 프로그램에 로드되자마자 미디어 파일의 재생이 시작됩니다. MediaElement에는 속성 패널의 이벤트  보기에서 액세스할 수 있는 다운로드 진행률 및 버퍼링과 관련된 이벤트도 포함되어 있습니다. 이벤트를 연결하는 방법에 대한 자세한 내용은 새 이벤트 처리기 메서드 만들기를 참조하십시오.

데이터

CLR(공용 언어 런타임) 데이터 원본은 사용할 수 있지만 XML 데이터 원본 및 요소 간 데이터 바인딩은 사용할 수 없습니다.

코드 숨김 파일

XAML 문서 코드 숨김 파일은 C# 또는 Visual Basic .NET으로 작성됩니다. Silverlight 2 응용 프로그램에서 코드 숨김 파일을 사용하는 예는 Silverlight 2 응용 프로그램에서 동적으로 새 페이지 로드를 참조하십시오.

맨 위로 이동

제품 간 지원

Silverlight 2 프로젝트는 다음과 같이 다른 제품에서도 사용할 수 있습니다.

• Microsoft Expression Encoder 2 서비스 팩 1에서 Silverlight 2 프로젝트와 인코딩 템플릿을 가져옵니다. 자세한 내용은 Silverlight 2에서 사용할 수 있도록 Expression Encoder 템플릿 사용자 지정을 참조하십시오.

• Microsoft Expression Web 2 또는 Microsoft Visual Studio 2008의 배포 기능을 사용하여 Silverlight 2 응용 프로그램을 게시합니다. 컴파일된 응용 프로그램 파일을 웹 폴더로 복사할 수도 있습니다. 자세한 내용은 웹 사이트에 Silverlight 2 응용 프로그램 추가를 참조하십시오.

• Visual Studio 2008에서 Silverlight 2 프로젝트를 열어 디버그합니다.

맨 위로 이동

Silverlight 2 프로젝트의 파일

Silverlight 2 응용 프로그램에 사용할 프로젝트를 만들고 Visual Studio 2008의 Silverlight 응용 프로그램 추가 대화 상자에서 이 프로젝트에서 Silverlight를 호스팅할 HTML 테스트 페이지를 동적으로 생성 옵션을 선택하면 Expression Blend가 Microsoft Visual Studio 2008과 동일한 파일 집합을 만듭니다.

Silverlight 2 프로젝트를 만들면 다음 파일이 생성됩니다.

파일	설명
ProjectName.sln	솔루션의 구성 설정을 지정하고 솔루션에 있는 모든 프로젝트를 참조하는 Visual Studio 솔루션 파일
ProjectName.csproj 또는 ProjectName.vbproj	시작 웹 페이지를 비롯한 프로젝트의 구성 설정을 지정하고 프로젝트에 있는 모든 원본 파일을 참조하는 프로젝트 파일
App.xaml	응용 프로그램 수준 리소스가 정의되는 파일. 예를 들어 단추 템플릿을 사용자 지정하고 응용 프로그램 수준에서 정의하도록 선택하면 프로젝트에 있는 모든 문서는 해당 템플릿을 사용하여 단추에 스타일을 적용할 수 있습니다.
App.xaml.cs 또는 App.xaml.vb	App.xaml 파일의 코드 숨김 파일
Page.xaml	Silverlight 2 응용 프로그램의 사용자 인터페이스를 디자인하는 데 사용되는 기본 XAML 파일
Page.xaml.cs 또는 Page.xaml.vb	콘텐츠 파일에 상응하는 코드 숨김 파일. 사용자 상호 작용과 응용 프로그램 동작이 코드 숨김 파일에서 프로그래밍되는 경우가 종종 있습니다.
AppManifest.xml	Silverlight 2 응용 프로그램에 포함된 어셈블리를 정의합니다. 예를 들어 Expression Blend 2 서비스 팩 1에서 만들어진 Silverlight 2 프로젝트는 어셈블리 파일(ProjectName.dll)에서 Silverlight 2 응용 프로그램을 빌드하므로, AppManifest.xml에는 해당 항목이 상주하는 프로젝트에서 만들어진 어셈블리가 항상 반드시 포함됩니다.
AssemblyInfo.cs 또는 AssemblyInfo.vb	버전 번호, 설명, 로드된 어셈블리 등과 같은 응용 프로그램 속성을 정의합니다.

팁:
위 항목 중 가장 자주 사용할 파일은 Page.xaml입니다. Page.xaml을 통해 Silverlight 2 응용 프로그램의 사용자 인터페이스를 디자인할 수 있습니다. 그 밖의 수정할 수 있는 파일은 App.xaml 파일, 그리고 프로젝트에 추가하는 기타 모든 콘텐츠 파일(.xaml)입니다.

Silverlight 2 프로젝트를 빌드하고 테스트하면 다음 파일이 \bin\debug 폴더에 만들어지고 Expression Blend가 시작 웹 페이지를 열려고 시도합니다.

파일	설명
AppManifest.xaml	AppManifest.xml 파일의 Silverlight 2 버전
Default.html 또는 TestPage.html(Visual Studio 2008로 프로젝트를 만든 경우)	브라우저에 Silverlight 2 응용 프로그램(ProjectName.xap에 포함)을 로드하는 웹 페이지
ProjectName.dll	프로젝트의 콘텐츠 파일에서 디자인한 응용 프로그램의 컴파일된 어셈블리
ProjectName.pdb	응용 프로그램의 디버그 정보
ProjectName.xap	Silverlight 2 응용 프로그램의 모든 콘텐츠와 리소스가 들어 있는 압축 보관 파일. 사용 중인 브라우저에서 이 파일을 다운로드한 후 Silverlight 2 플러그 인을 통해 실행합니다.

참조

어셈블리 참조는 Expression Blend에서 프로젝트 패널의 파일 아래 나열됩니다.

새로 프로젝트를 만들면 Silverlight 2 어셈블리의 기본 참조가 자동으로 추가되며, 이들 참조된 어셈블리에서 Button 및 TextBox 같은 컨트롤이 정의됩니다. 필요할 경우 다른 Silverlight 2 어셈블리 참조를 추가할 수 있습니다. 다른 Silverlight 2 프로젝트에서 컴파일되는 .dll 파일에도 참조를 추가할 수 있습니다. 자세한 내용은 참조를 추가하여 사용자 지정 컨트롤 가져오기를 참조하십시오.

맨 위로 이동

학습 리소스

다음 웹 사이트에서도 Silverlight 응용 프로그램을 만드는 방법을 추가적으로 확인할 수 있습니다.

• Silverlight 학습 센터

• Silverlight 2 빠른 시작

맨 위로 이동