开发者社区> 科技小先锋> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

silverlight 实现全屏

简介:
+关注继续查看

我们利用最为基本的控件,实现类似于视频网址的全屏功能,这里我们用的控件是,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,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
silverlight Timer
转载地址http://www.cnblogs.com/lanbaoming/archive/2011/07/21/2112353.html 1 publicpartialclass Timer : UserControl 2 { 3 public Timer() 4 {...
593 0
贴个Silverlight试试看
倒腾了半天,发现还是无法直接在编辑器里插入SL,直接切换到html视图,贴上sl的object代码后,一发布,居然自动识别为flash,无奈只能用iframe才搞定                                                              ...
683 0
Silverlight 2 实验体.
看了TerryLee的文章后很手痒.. 呵呵,采用wcf调用yupoo网提供的api接口开发的一个小东西. 初始化: 搜索界面: 得到照片: 可以换背景^_^ 搜美女  嘿嘿
469 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载