通通玩Blend美工(4 番外篇)——小黑板,被嵌入到silverlight中的flash

 


 

  之所以是番外篇,是因为这篇不是用silverlight来写的。是1年前的flashBuilder毕业设计制作间隙中的娱乐解闷产物,一年没见它了,今天无意中看到,回忆起当年在朋友面前炫耀的场景,被时间吞噬有点太可惜了,我决定分享一下,有这样需求的人也可以参考学习移植到silverlight上。

  由于1年间经历了各种人生的转折点、技术方向的转折点、操作系统的转折点,Flex的那套已经忘记的差不多了,就不做任何技术分析了,仅供娱乐~现在用silverlight来做这个相信对于大家伙都不是什么难事。

  为了能把它发到silverlight板块,并且和Blend扯上关系,我特地研究了如何在silverlight中嵌入flash...o(∩_∩)o 哈哈

 

   演示地址:(由于体型过于庞大这里就不嵌入到博客里了)

      http://space.silverlightchina.net/ltt147/blackBoard/Default.html

 
 

1.所用工具


  Flash Builder :主程序 

  Photoshop cs5:所有看到的都是我画的(做所有要用到的素材) 

  Flash Professional CS5:鼠标的动画效果(第一次用,之前只用过premiere,还是有点不习惯) 

  Flash Catalyst CS5:按钮的样式设计 

    Blend:写了几句嵌入flash的XAML代码(我X嘞~主次不分嘛...)

 

 

2.嵌入方法


 

  这里要用到一个动态库,到http://www.divelements.co.uk/silverlight/tools.aspx下载Download Silverlight Tools 1.0.2

  然后添加Divelements.SilverlightTools.DLL引用进工程。

MainPage.Xaml:

 

<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x
="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class
="blackB.MainPage"
xmlns:divtools
="clr-namespace:Divelements.SilverlightTools;assembly=Divelements.SilverlightTools"
Width
="900" Height="530">
<Grid x:Name="LayoutRoot" Background="White" >
<divtools:HtmlHost Name="htmlHost" SourceUri="http://space.silverlightchina.net/ltt147/blackBoard/flash/Main.swf" />
</Grid>
</UserControl>

F5,就出现了哟~

  其实SourceUri也可以用相对地址,不过注意是相对于服务器网站根目录的地址,当然本人喜欢直接点~SourceUri的内容也可以为html哦,反正个人感觉就是个ifame。不会webQQ就用的这个吧??

  还有一点需要设置就是对于加载.Xap的页面需要加入如下项,绿色字体

<div id="silverlightControlHost">
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
<param name="source" value="ClientBin/blackB.xap"/>
<param name="onerror" value="onSilverlightError" />
<param name="background" value="white" />
<param name="minRuntimeVersion" value="4.0.50826.0" />
<param name="autoUpgrade" value="true" />
<param name="windowless" value="true" />
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50826.0" style="text-decoration: none;">
<img src="http://go.microsoft.com/fwlink/?LinkID=161376" alt="获取 Microsoft Silverlight" style="border-style: none"/>
</a>
</object><iframe id='_sl_historyFrame' style='visibility:hidden;height:0;width:0;border:0px'></iframe></div>

  经过测试即使不加也可以正常加载,只是会弹出个对话框“windowless必须为true”当然是用英语说的了...除了这个对话框本人至今没找出加和不加有什么区别...

  嵌入方法的参考文章:http://www.cnblogs.com/Kinglee/archive/2009/10/20/1587113.html

 

3.成果展示


    

通通玩Blend美工(4 番外篇)——小黑板,被嵌入到silverlight中的flash

 

通通玩Blend美工(4 番外篇)——小黑板,被嵌入到silverlight中的flash

通通玩Blend美工(4 番外篇)——小黑板,被嵌入到silverlight中的flash

  作品UI有点不一样是因为是我在制作过程中就安奈不住基情所画的~~

 

 


   好吧我承认这一篇有点浑水摸鱼的味道,各位看官对于番外篇就不要见怪了啊~~我们要抱着对于美工的热爱和通用性来看待它~~而且实战中不乏这种情况的出现。

  同样附上源码:有爱好的人,想要里面的素材,flash鼠标样式的都可以研究一下

      http://files.cnblogs.com/tong-tong/%E5%B0%8F%E9%BB%91%E6%9D%BF.rar

你可能感兴趣的:(silverlight)