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;

最新资料库,传送阵

posted on 2011-08-14 11:09  [CC]  阅读(266)  评论(0编辑  收藏  举报

导航