Introdução ao WPF/E

Porque você deu essa avaliação? (opcional)

O WPF/E (Windows Presentation Foundation Everywhere) é o nome de código de uma das novas tecnologias da Microsoft, que consiste num subconjunto das funcionalidades oferecidas pelo WPF (Windows Presentation Foundation).

O “WPF/E” foi desenhado para ser um pequeno cross-browser plug-in e a sua arquitectura (Fig 1- "WPF/E" Architecture) dá-nos a possibilidade de criar experiências sofisticadas, visualmente impressionantes e interactivas que podem ser executadas em múltiplos browsers e diferentes sistemas operativos (Windows e Macintosh) usando web standards.

Fig 1 - "WPF/E" Architecture

Esta nova API é capaz de interpretar um subconjunto de XAML (eXtensible Application Markup Language) programável usando o Javascript. De uma forma simples podemos dizer que o XAML é exposto ao Javascript usando o modelo de DOM.

No modelo "WPF/E", os designers podem criar o UI (User Interface) que desejarem e expressá-la como XAML. Novos horizontes nos foram abertos e existe uma panóplia de ferramentas que nos ajudam a criar UI visualmente impressionantes!

Browser e Sistema Operativo compatível com o “WPF/E”
A seguinte tabela especifica o browser e o sistema operativo suportado, usando a versão (February 2007 CTP).

Instância do plug-in “WPF/E”

O XAML (e Xtensible Application Markup Language) é exposto ao Javascript usando o modelo de DOM. Todas as páginas WPF/E possuem uma chamada Javascript “new agHost” que cria uma nova instância do plug-in WPF/E, usando uma lista de parâmetros que podem ser usados para criá-lo. O ficheiro responsável por este mecanismo é o agHost.js (Host-independent wrapper for WPF/E plug-in).

[default.html]

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

< head >
< title >WPF/E Demo </ title >

< script type ="text/javascript" src ="js/aghost.js"></ script >

</ head >

< body >

< form >

< div id ="wpfeControl1Host" >

< script type ="text/javascript">

new agHost( "wpfeControl1Host", "wpfeControl1",

"400", "400", "white", null,

"plugin.xaml" , "false",

"30", null, 0, 8, 5)

</ script >

</ div >

</ form >

</ body >

</ html >

Lista de parametros usados no método agHost()

hostElementID: nome do elemento HTML “<div>” para colocar o control plug-in.
id: ID do controlo WPF/E plug-in.
width: largura, em pixels, desejada para o control.
height: altura, em pixels, desejada para o control.
backgroundColor: cor de fundo desejada para o control.
sourceElement: nome do método <script> que contém XAML para o control - XAML contido em um elemento <script>.
Source: ficheiro XAML externo.
isWindowless: variável boolean. true se desejar que o controle "WPF/E" fique embutido no HTML. false o conteúdo "WPF/E" ficará em uma área distinta da página.
maxFrameRate: taxa máxima de “frames” que o controle "WPF/E" processará o seu conteúdo.
errorHandler: nome do método <script> que será chamado quando ocorrer um erro no controle.
reqMajorVer: versão principal mínima requerida
reqMinorVer: versão menor mínima requerida
reqBuildVer: configuração mínima requerida

Nota: Os números para a versão (February 2007 CTP) são reqMajorVer = 0, reqMinorVer = 8, reqBuildVer = 5

Conclusão
Neste artigo obteve uma pequena visão geral do WPF/E, suas potêncilidades e estrutura interna.

Referências:
"WPF/E" (Code Name) Architecture Overview
MSDN "WPF/E" (codename) Dev Center

Que avaliação daria a este conteúdo ?

Avaliação:

4 pessoas já participaram.