我们利用最为基本的控件,实现类似于视频网址的全屏功能,这里我们用的控件是,canvas控件stackpanel控件,textblock控件,以及button控件,其中textblock控件类似于asp.net中的label控件,用于显示数据,下面是silverlight创建及实现代码
1.首先我们新建一个silverlight项目:先在左面选择silverlight,然后选择silverlight应用程序,确定即可
2.在新建silverlight应用程序中选择你要新建的项目类型:asp.net web 应用程序、asp.net 网站、asp.net mvc web 应用程序,确定即可。
3.在右侧的解决方案管理器中双击MainPage.xaml
4.点击xaml开启我们的silverlight之旅
5.首先你会在刚刚新建的silverlight程序中看到微软已近给我们的部分代码,这里要删除,标签,在删除grid标签后,要引用命名空间:
using System.Windows.Interop;
|
在其位置添加如下代码:
<Canvas Background="Black"> <Button x:Name="btnContent" Click="btnContent_Click" Canvas.Left="50" Canvas.Top="50" Background="Red" FontSize="12" Width="160" Height="80"> <Button.Content> <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center"> <TextBlock Text="点击我¨°" VerticalAlignment="Center" Margin="10" >TextBlock> StackPanel> Button.Content> Button> Canvas>
|
学习过asp.net 的相信对这些熟悉都不陌生,对于以上控件的使用请查看连接,在html中的很多规则是可用的,方便记忆以及学习,添加上如上代码后,我们可以所写即所得的看到
我们的效果差不多就是这样了,当然运行起来更为华丽
6.上面我们注意到会有个单击事件,点击button按钮时会实现相应的功能,可以将光标放到单击事件的名称处,在键盘上点击F7,直接生成单击事件,并进入单击事件代码处,添加如下代码:
Content contentObject = Application.Current.Host.Content; contentObject.IsFullScreen = !contentObject.IsFullScreen;
|
这里把程序当前的所有内容赋给content的一个对象,下面的代码就是对现在浏览器的判断,看是否已经全屏显示,如果不是全屏显示的话,单击button按钮就会全屏显示,如果是全屏显示的话,单击按钮,退出全屏显示。
7.运行后的效果图如下:
点击button按钮后显示效果:
结束:silverlight3实现全屏显示,相信你会有所收获的!!!!
本文转自shenzhoulong 51CTO博客,原文链接:http://blog.51cto.com/shenzhoulong/441254,如需转载请自行联系原作者