第一个WPF-E

一直用WPF作项目,直到最近才研究WPF-E,今天用了下,发觉这个EveryWhere还真的Web气味十足.
好吧,下手写写:
1.写一个(插件)XMAL文件

< Canvas  xmlns ="http://schemas.microsoft.com/client/2007"
        xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml"
         >
   < Canvas  x:Name ="mainUI"  Width ="200"  Height ="200"   Background ="YellowGreen"  Opacity ="0.6"   Loaded ="javascript:root_mainLoaded" >
     < Ellipse  x:Name ="ellipse"  Width ="20"  Height ="20"  Fill ="Gray"  Loaded ="javascript:root_Loaded"   ></ Ellipse >
   </ Canvas >
</ Canvas >

2.写一个页面调用XMAL

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head >
     < title > Untitled Page </ title >
     < script  type ="text/javascript"  src ="js/aghost.js" ></ script >
     < script  type ="text/javascript"  src ="js/eventhandlers2.js" ></ script >
</ head >
< body >
     < form >
         < div  id ="wpfeControl1Host"   >
             < script  type ="text/javascript" > ...
                new agHost("wpfeControl1Host", // hostElementID (HTML element to put WPF/E control into)
                           "wpfeControl1",     // ID of the WPF/E ActiveX control we create
                           "400",              // Width
                           "400",              // Height
                           "white",            // Background color
                           null,               // SourceElement (name of script tag containing xaml)
                           "Plug.xml",      // Source file
                           "false",            // IsWindowless
                           "30",               // MaxFrameRate
                           null                // OnError handler    
                          );
             </ script >
         </ div >
     </ form >
</ body >
</ html >

3.写元素事件(JS)文件
涉及要点:
(1).   mainUI = sender.findName("mainUI"); 从事件参数李得到元素
(2).   mainUI.mouseLeftButtonUp ="javascript:handleMouseUp"; 给元素追加事件
(3).   ellipse["Canvas.Left"] = 0; 设置Canvas.Left属性
(4).   sx = eventArgs.x; 从事件参数里得到坐标值

总体来说,目前的WPF-E还是比较"笨重"的,WPF的逻辑操作转为JS,工作量,维护调试都是个问题.期待能有托管代码的版本推出.
最后,DEMO下载