Silverlight

05.SilverLight3 - XAML 파일을 수작업으로 표시 ( Object )

Godffs 2009. 11. 24. 11:00
반응형
XAML이란?
XAML(Extensible Application Markup Language)
XAML : .Xap(재물) : Job
XAML은 실버라이트에 비쥬얼한 UI를 구현하기 위한 명령어(태그)들을 말한다.
XAML은 XML 문법을 따른다 - 웹 페이지가 Html로 이루어진다면, 실버라이트는 XAML로 이루어진다.
XAML 요소 = .Net 개체와 일대일로 맵핑

XAML 네임스펭이스
- 실버라이트용 XAML 네임스페이스 : 예) xmlns="http://schemas.microsoft.com/client/2007"
- 실버라이트 포함 WPF 네임스페이스 : 공통


XAML 파일을 수작업으로 표시로 Object 태그로 XAML 표시 하는 예제입니다.
순서입니다.
- 새 프로젝트 - Silverlight 1.0 Web Site 웹 사이트 추가 ( RiaObject )
- Scene.xaml 파일이름 FrmSilverlight.xaml 로 변경 후 코드 수정
- Default.html 파일이름 FrmSilverlight.html 로 변경 후 코드 수정

1. 새 프로젝트 - Silverlight 1.0 Web Site 웹 사이트 추가 ( RiaObject )
Scene.xaml 파일이 있는데요 여기 파일의 이름을 바꿔줍니다. 안해도 되지만...( 이름 : FimSilverlight.xaml )
FrmSilverlight.xaml 페이지로 이동하여 코드를 변경합니다. 맨 위 상단에 <Canvas> 안에 코드 삭제~
FimSilverlight.xaml

<Canvas xmlns="http://schemas.microsoft.com/client/2007"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

 

  <TextBlock

    Text=". . ~Godffs !!!!!">   

  </TextBlock>

 

</Canvas>


2. 새  항목 추가 HTML.htm 을 추가합니다. (FrmSilverlight.htm)
FimSilverlight.html

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

</head>

<body>

    <h3> 1.0 XAML Object </h3>

   

    <object type="application/x-silverlight" id="sil1" width="640" height="100">

        <param name="background" value="silver"></param>

        <param name="source" value="FrmSilverlight.xaml"></param>

       

        <div style="background-color:Gray;">

           

        </div>

    </object>

   

    <hr />

   

    <h3> 1.0 XAML embed </h3>

    <embed type="application/x-silverlight" id="sil2" width="640" height="100"

        background="silver" source="FrmSilverlight.xaml">

       

        <noembed>

           

        </noembed>

       

    </embed>

</body>

</html>


3. 테스트  FrmSilverlight.htm 에서 마우스 오른족 클릭 - 웹 브라우저 보기
결과화면

[그림5-1]


4. createObjectEx() 이용 - Default.html 파일이름 변경 (FrmSilverlight.html) -> source 부분 변경
FrmSilverlight.html

[그림5-2]

해당 부분에 "FrmSilverlight.xaml" 입력

결과화면

[그림5-3]



반응형