Blog Content

    티스토리 뷰

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

    반응형
    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]



    반응형

    Comments