微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Silverlight 4 全屏

    这几天的网络大战,打的真热闹呀,可惜苦了我们这些网民,最苦的是我装的防御是360,聊天是QQ,弄的上QQ时不能上360,两个NC呀。一想就火大,还是看我的Silverlight吧。

    Silverlight 4 全屏很简单就一行代码:Application.Current.Host.Content.IsFullScreen=true,进入全屏后可按Esc退出全屏模式,也可以放过按钮如:

     <Button  Content="全屏" Height="23" HorizontalAlignment="Left" Margin="168,195,0" Name="button1"   

      VerticalAlignment="Top" Width="75" Click="button1_Click"/>

  按钮事件:

      private void button1_Click(object sender,RoutedEventArgs e)
        {
               App.Current.Host.Content.IsFullScreen = !Application.Current.Host.Content.IsFullScreen;
        }

      app和application是一个意思

  

    这样就可以实习点击下按钮就进入全屏,再点下就退出全屏。不过Silverlight安全问题做的有点过分了,搞的全屏模式下键盘无法法输入。后来看了下资料原来Silverlight运行在安全沙盒中,全屏后只能用有限的几个键:UP,DOWN,LEFT,RIGHT,SPACEBAR,TAB,PAGE UP,PAGE DOWN,HOME,END,ENTER。 这几个键全是为播放器准备的。

 

    要突破Silverlight的安全限制,Silverlight4.0提供了解决方案:OUt-of-browser支持。这个功能只需要配置即可,配置的步骤如下 :

  1. "解决方案资源浏览器"中,选择要为其启用浏览器外支持的 Silverlight 项目。

  2. "项目"菜单上,选择项目名称"属性"

  3. "Silverlight"选项卡上,选择"允许在浏览器外运行应用程序"

  4. 单击"浏览器外设置"

    随即出现"Out-of-browser Settings"对话框。

  5. 为指示的字段指定值,然后单击"确定"window Title和Shortcut name可选填。 

    键盘不能输入的问题终于得解。有了Out-of-browser支持,Silverlight的全屏就更完善了。Out-of-browser支持还拓展了silverlight的使用空间,让silverlight脱离了仅仅是web应用的层面,也可以做桌面程序了。

    

     在全屏下还要注意一点,比如界面上放一张图片一个按钮,

 <Image x:Name="images"   Source="image/s.jpg"></Image>

<Button  Content="全屏" Height="23" HorizontalAlignment="Left" Margin="168,0" Name="button1"   

      VerticalAlignment="Top" Width="75" Click="button1_Click"/>

 

     生成网页,如下:

  

   点全屏:

  

   按钮位置就变动了,这不是我们想要的效果

   要解决这个问题很简单,可以设置Image控件的stretch属性,将它设置为fill,再看下效果

  

  

  是解决了位置的问题了,又出现新的问题,图片相对变大了而按钮没有,感觉不怎么协调。

  可以用个小方法,让它按比例变大,设个方法,当按全屏时用这个方法,让控件相对变大就行了。

   width:控件的宽   height:控件的高

  System.Windows.browser.HtmlPage.Window.Eval("screen.height");  获取你电脑的分辨率的高

  System.Windows.browser.HtmlPage.Window.Eval("screen.width"); 获取你电脑的分辨率的宽

  Application.Current.Host.Content.ActualHeight;获取你当前窗体的高

  Application.Current.Host.Content.ActualWidth;获取你当前窗体的宽         这里的窗体指浏览器的内容窗体

  放大的控件的宽=width*电脑的宽/窗体的宽         

  高同上                                                              偶比较懒

  有了这些值,就可以让你的控件随比例变化了。例子就自己动手吧!嘿嘿。

   

 顺便附上stretch的属性值说明:  

None 内容保持其原始大小。

Fill 调整内容的大小以填充目标尺寸。不保留纵横比。

Uniform 在保留内容原有纵横比的同时调整内容的大小,以适合目标尺寸。

UniformToFill 在保留内容原有纵横比的同时调整内容的大小,以填充目标尺寸。如果目标矩形的纵横比不同于源矩形的纵横比,则对源内容进行剪裁以适合目标尺寸。

尽管不直观,但在某些情况下,可以通过将 Stretch 属性设置为 Fill 而非包括 None 在内的其他值而获得更好的性能。使用 Stretch = Fill 时,不会有添加额外边缘的潜在剪辑发生。除 Fill 之外的所有其他类型的拉伸都需要计算布局(例如计算居中)。除非要呈现许多图像,否则,您可能不会注意到差异。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐