Question

如何设定Silverlight的背景透明效果

Answer 1

答案是当然可以，只是每次都没有很适当的场合或时间可以说明，现在将细节做法公布在此啰！程式设计师的做法： 请找到xaml档，例如在Expression Blend里的MainPage.xaml，点选滑鼠右键，选择外部编辑(预设应该会开启记事本之类的文字编辑器)，或直接使用Visual Studio进行编辑，将里面的<UserControl>里的 <Grid x:Name="LayoutRoot" Background="White"/> 程式码，改为 <Grid x:Name="LayoutRoot" Background="transparent"> ，然后再开启网页，将Silverlight的.xap档案插入后，切换到网页程式码模式，将 <param name="background" value="white" /> 改为 <param name="background" value="transparent" /> ，并再将下一行里插入 <param name="windowless" value="true" /> 即可！上面这种办法是程式设计师采用修改程式码的方式，可是对于美编设计师来说，可能会觉得像是无字天书看不懂或者是担心改错code，那有无适合美编设计师的修改模式呢？答案当然是有的，请参考以下资料。 美编设计师的做法： 在Expression Blend里，点选「物件与时间轴」里的「LayoutRoot」，在「属性」里，将Alpha数值按着滑鼠左键不放，往左拖曳。关于Alpha参数与Background 属性的细节说明，若您有兴趣，可以到此处的MSDN取得更详细资料。 也就是将Alpha数值变成0%，此时可以看到工作区里的白色背景已经不见了，变成透明背景，制作透明背景，必须将背景设定成单色，不能将背景设定成渐层色或者是放入一个填满背景区域的图片呦！ 过来就是您在Blend里制作动画等步骤，做完记得「专案 / 执行专案」，取得Silverlight的.xap档案。 接着请开启Expression Web，新增一个网页，因为我们要测试透明背景是否正常，建议按下滑鼠右键，选择「网页属性」，将「色彩 / 背景」设定成跟白色差异性较大的其他颜色。 请将之前在Blend里产生的.xap档案放到网站中，滑鼠游标置入网页里要放入的位置，选择「插入 / 媒体 / Silverlight」。 请在置入的Silverlight上按下滑鼠右键，选择「ActiveX控制项」。