[엘리의 실버라이트 2.0] Silverlight 디자이너 미리보기 Silverlight2008/07/30 00:01
원글출처 : http://silverlight.net/Quickstarts/Start/18660837-4a10-462b-bf6e-723b36748ec3.aspx
본 강좌는 위의 원글을 참고 및 번역해서 작성했으며, 글 중간중간 제 개인적인 표현이나 의견을 넣어서 각색했습니다.
안녕하세요. 엘리 입니다.^^
올 해 여름도 태풍이 조용히 지나가질 않는군요.
가족들, 주위 분들 태풍 피해가 없는지 걱정입니다. 피해 없이 모든 분들이 즐거운 여름 되시길 진심으로 바랍니다.
이 번 시간은 VisualStudio에 있는 Silverlight 디자이너 미리보기 창에 대한 설명입니다.
XAML 파일을 편집하면 바로 미리보기 창에서 수정한 부분이 적용이 되어 나타나게 됩니다.
이는 파일을 저장하지 않아도 솔루션을 빌드하지 않아도 적용됩니다. (단, 코드 오류 시 적용되지 않습니다.)
위 코드는 Silverlight 응용 프로그램 만들기 시간에 만든 Page.xaml 파일입니다.
저와 같은 이름으로 솔루션을 만드셨다면 Visual Studio 2008을 실행한 후 EloiSilverlightApp 솔루션 내 Page.xaml 파일을 열어 보시기 바랍니다.
그 후 위 코드에서 빨간 상자로 하이라이트 된 부분을 각각 Width는 100으로 Height는 50으로 Background는 RoyalBlue로 변경해보도록 하겠습니다.
미리보기 창을 보면 위와 같이 크기와 색이 변경된 것을 확인하실 수 있습니다.
참고로 처음 코드는 Width는 400, Height는 300, Background는 White였습니다. ^.^
그럼 좀 더 자세히 Silverlight 미리보기 창 기능에 대해서 알아보겠습니다.
Silverlight 미리보기 창
Visual Studio 2008 용 Silverlight Tools 베타 2는 Silverlight 2 베타 2 응용 프로그램 생성을 위한 도구입니다. Visual Studio 2008의 Silverlight 미리보기 창은 WPF 디자이너 기능 일부를 가지고 있습니다.
지원 기능
다음은 Silverlight 2 베타 2 프로젝트의 Silverlight 미리보기 창에서 지원되는 기능들입니다.
1. 모든 XAML 편집 기능: 인텔리센스와 XAML 포맷팅 기능은 WPF 형식 대신 Silverlight 2 베타 2 형식이 표시된다는 것을 제외하고 WPF 디자이너의 XAML 편집 기능과 같습니다.
2. 읽기 전용 위지윅 (WYSIWYG) 미리보기 기능: 실행 전 미리보기 작업이 가능하고 확대, 축소가 가능합니다.
3. 분리된 미리보기 창과 XAML 코드 창
4. Silverlight 2 베타 2 컨트롤과 해당 아이콘들 도구 상자에 표시: Silverlight 2 베타 2 컨트롤들은 도구 상자 탭에 마우스 오버 시 플라이 아웃 되어 알파벳 순으로 표시됩니다.
5. 도구 상자 컨트롤 XAML 코드 창으로 드래그 앤 드롭 기능: 컨트롤 추가 시 참조와 XML 네임스페이스가 자동으로 추가됩니다.
6. XAML 코드 편집 시 문서 개요 창과 태그 검색 기능: 문서 개요 창(CTRL+ALT+T)은 XAML 코드의 구조를 보여주고 검색 기능(CTRL+F)은 코드 내 문자를 검색합니다.
7. .cs 또는 .vb 코드와 xaml 코드 상호 연동 기능
8. XAML 코드 창과 다른 WPF 사이 자동 업데이트 기능
9. 디자이너 컴포넌트 지원 기능
10. 에러 목록 창에 에러 표시 기능: XAML 코드가 에러가 있으면 올바른 코드 입력 전까지 마지막으로 나타난 화면이 표시되고 알림 메시지가 표시됩니다.
알림 메시지 내용:
(디자이너를 업데이트하려면 우선 문서에 있는 오류를 수정해야 합니다. 오류 목록을 열려면 여기를 클릭하십시오.)
11. 미리보기 창 위치 조정 기능: XAML 코드 창을 기준하여 가로 분할 (기본 설정), 세로 분할이 가능하며 창을 축소할 수도 있습니다.
다음은 Silverlight 2 베타 2 프로젝트에서 Silverlight 디자이너 미리보기 창에서 지원되지 않는 기능들입니다.
1. 미리보기 창에서 편집 불가: 도구 상자에서 컨트롤의 선택 및 이동, 항목 추가 기능은 지원되지 않습니다.
2. 속성 창 미 지원: 속성을 편집할 수 없습니다.
3. 전역화 (국제화) 기능 미 지원: 전역화 (globalization)에 대해서 자세히 알고 싶으시면 아래 링크를 참고하시기 바랍니다.
http://msdn.microsoft.com/ko-kr/library/ms227427(VS.80).aspx
4. 리소스 동적 새로 고침 기능 미 지원: 리소스가 변경되면 재 빌드 전까지 XAML 코드는 새로 고침 되지 않습니다.
참고 사항
이 번 시간은 여기 까지입니다.
7월도 끝나가네요. 비 피해 없이 여름 건강하게 보내시기 바랍니다.
음식 조심하시고 맛 있는 음식 많이 드시구요. ^________^
다음 시간에는 개체 브라우저 어셈블리 탐색에 대해서 알아보겠습니다.
'Silverlight' 카테고리의 다른 글
| [세티의 실버라이트] 15. 미디어 (0) | 2008/08/11 |
|---|---|
| [엘리의 실버라이트 2.0] Visual Studio의 개체 브라우저에 대해 알아보자. (0) | 2008/08/06 |
| [엘리의 실버라이트 2.0] Silverlight 디자이너 미리보기 (0) | 2008/07/30 |
| [세티의 실버라이트] 14. 전문 컨트롤 만들기 (0) | 2008/07/29 |
| [엘리의 실버라이트 2.0] Silverlight 클래스 라이브러리 만들기 (0) | 2008/07/23 |
| [세티의 실버라이트] 13. 애니메이션 (2) | 2008/07/21 |
