SL复习笔记之平稳转型——基础篇（三、SL安装检测和用“刷子”刷出背景）

首先，感谢各位网友的支持（给了小弟动力，坚持下去，做有意义的事，），相信大家都会被“SL”酷、炫的“用户体验”所吸引。随着Web 3D时代的到来，WP崛起，你懂得。
新建一个项目，首先要检测用户有没有安装“SL”，“SL”和浏览器交互当然离不开“JS”。
一、利用“JS”检测是否安装了“SL”
       1、使用“JS”首先要考虑浏览器的兼容性。可以分为两类，IE，非IE(火狐，Chrome等)。
       2、贴段代码出来
<script language="javascript">
var browser = navigator.appName; // 得到浏览器
var slInstalled = false; //设置标记
if (browser == 'Microsoft Internet Explorer'){
    try{
        var slControl = new ActiveXObject('AgControl.AgControl');
       slInstalled = true;
    } catch (e){
        // 错误，Silverlight没有安装，请先安装。
}
}else{
    // Netscape, FireFox, Google chrome等
    try {
        if (navigator.plugins["Silverlight Plug-In"]){
            slInstalled = true;
        }
    }catch (e){
        // 错误，Silverlight没有安装 ，请先安装。
    }
}
alert(slInstalled);
</script>
二、设置背景图片
       1、在“SL”UI元素的背景都是被“刷”出来的，而不是想“HTML”和"asp.net"那样，直接“background”。要使用“ImageBrush”。
       2、不同的“UI”元素可以作用的属性也不一样。比如，Canvas被作用于“Canvas.Background”，“Ellipse”被作用于“Ellipse.Fill”。
       3、既然是作用于UI元素的属性，当然可以在后台代码中动态使用“刷子”，尽情的“洗刷刷”。
      部分代码示例：
      Xaml中使用：
      <Canvas x:Name="ShowCanvas" Width="500" Height="300">
      <Canvas.Background>
        <ImageBrush x:Name="bgImageBrush" Stretch="UniformToFill"  
                    ImageSource="Images/Bg1.png">
        </ImageBrush>
     </Canvas.Background>
     </Canvas>
      后台代码中使用：
     ImageBrush brush = new ImageBrush();
    brush.ImageSource = new BitmapImage(new Uri(@"Images/ball.png",
        UriKind.Relative));
    ellipse1.Fill = brush;

最新资料库，传送阵