Digital Literacy2007. 5. 2. 14:12

Sliverlight Sample Site



  • Page Turner : http://go.microsoft.com/fwlink/?linkid=79204&clcid=0x409
  • Sprawl Game : http://go.microsoft.com/fwlink/?linkid=79206&clcid=0x409
  • Media Library : http://go.microsoft.com/fwlink/?linkid=79205&clcid=0x409
  • Channel 9 Player : http://channel9.msdn.com/playground/wpfe/ch9player/default.html
  • Film Strip Slide-Show : http://go.microsoft.com/fwlink/?linkid=79208&clcid=0x409

    • XAML 화일 만들기

    <?xml version="1.0" encoding="utf-8"?>
    <Canvas xmlns="http://schemas.microsoft.com/winfx/2006/XAML/presentation" 
            xmlns:x    ="http://schemas.microsoft.com/winfx/2006/XAML">

    <TextBlock Canvas.Left="50" Canvas.Top="50" FontFamily="tahoma" FontSize="30" 
        FontWeight    ="ExtraBold">
          Hello! WPF/E
              <TextBlock.Foreground>
                <LinearGradientBrush>
                  <GradientStop Color="LightBlue" Offset="0.0" />
              <    GradientStop Color="SlateBlue" Offset="1.0" />
            </    LinearGradientBrush>
              </TextBlock.Foreground>
            </TextBlock>
    </Canvas>



    HTML문서 만들기
    <html>
    <head>
            <title>Hello. WPF/E</title>
            <style>p { font-family:tahoma; font-size:12 }</style>
    </head>
    <body>
            <p>WPF/E 기본예제</p>
       
            <object id="hello1" width="400" height="140" 
            classid    ="CLSID:32C73088-76AE-40F7-AC40-81F62CB2C1DA">
                <param name="Source" value="Hello.xaml" />
            <    param name="BackgroundColor" value="#dddddd"     />
        </    object>
    </body>
    </html>


    결과물

    현재, 공개되어 있는 외국 개발자 블로그나 MS 샘플들을 살펴보면 agHost.js 파일을 이용하여 WPF/E를 렌더하는 것이 일반화되어 있는 것을 볼 수 있다. 또한, 이는 Channel9을 통해서 계속적으로 업데이트가 이루어질 것으로 보여지기에, 이 유틸리티 파일은 널리 즐겨볼 만 하다. 그리고, 그럼으로써 대략적인 WPF/E 애플리케이션의 템플릿이 정리되어 지는데, 다음은 ahHost.js 파일을 이용하는 경우의 일반적인 파일 구성이다.

    1. Sample.htm (웹 페이지 화면)
    2. Sample.xaml (화면 UI)
    3. agHost.js (WPF/E 컨트롤 출력용 공통 스크립트)
    4. Sample.js (Sample.xaml 파일과 스크립트 간의 통신을 위해 필요한 코드를 추가)

    agHost.js 화일안에 아래 속성을 작성하면 된다
    new agHost( "agControl1Host", "agControl1", "400", "140",  "#efefef", null, "xaml/Hello.xaml");


    'Digital Literacy' 카테고리의 다른 글

    탐색기라고 이름이 붙여지게 된 유래 - 재밌슴  (0) 2007.05.12
    게시판설치를 전전하다보니 10년 넘는 세월이 가버렸다(기존 홈페이지와 블러그의 비교)  (0) 2007.05.04
    고화질 영상을 웹상에서 스트리밍 받을 수있는 프로그램 및 싸이트  (0) 2007.04.26
    거침없이 하이킥 인기 분석 영상  (2) 2007.04.24
    UCC 악용 악성코드 `이렇게 대처를`  (0) 2007.04.24
    Posted by @buza19