全屏模式下如何处理Silverlight控件
小编给大家分享一下全屏模式下如何处理Silverlight控件,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
第1种方式,即应用图片的Stretch属性:
<Grid x:Name="LayoutRoot" Background="White"> <Image Stretch="UniformToFill" Source="/FullScreenModel;component/Koala.jpg" /> <Button Content="全屏" Name="button1" Click="button1_Click" /> </Grid>
Click事件代码:
private void button1_Click(object sender, RoutedEventArgs e) { Application.Current.Host.Content.IsFullScreen = !Application.Current.Host.Content.IsFullScreen; }
这里主要是将Image的Stretch属性设置为UniformToFill,这样图片就可以根据浏览器分辨率的变化而变化,这种方式在处理图片,视频等资源时比较方便,不过使用这种方式在插入模式下使用图片时,你需要进行一些处理,因为若你在Image中指定Width或Height,图片在全屏模式下会保持这个固定的大小。
第2种方式则在后台进行处理
当处于全屏模式时,该页面上的控件也进行变化,以Button为例。这种方式或许更贴近我们平常接触的全屏,我们看看这部分的实现:
<Grid.RenderTransform> <ScaleTransform ScaleX="1" ScaleY="1" x:Name="RootLayoutScaleTransform"> </ScaleTransform> </Grid.RenderTransform> <Button Name="button1" Content="全屏" Height="30" Width="50" Click="button1_Click" Margin="70,170,72,100"> </Button>
这里在UI中添加了一个名为RootLayoutScaleTransform的放大转换,后台代码主要是根据插件的Resized,FullScreenChanged事件进行处理的,所以我们在构造函数中声明。
Application.Current.Host.Content.Resized += new EventHandler(Content_Resized); Application.Current.Host.Content.FullScreenChanged += new EventHandler(Content_Resized);
完整的代码:
private double width; private double height; public double uniformScaleAmount = 1; public MainPage() { InitializeComponent(); height = this.Height; width = this.Width; Application.Current.Host.Content.Resized += new EventHandler(Content_Resized); Application.Current.Host.Content.FullScreenChanged += new EventHandler(Content_Resized); } private void button1_Click(object sender, RoutedEventArgs e) { Application.Current.Host.Content.IsFullScreen = !Application.Current.Host.Content.IsFullScreen; } void Content_Resized(object sender, EventArgs e) { double currentWidth = Application.Current.Host.Content.ActualWidth; double currentHeight = Application.Current.Host.Content.ActualHeight; uniformScaleAmount = Math.Min((currentWidth / width), (currentHeight /height)); RootLayoutScaleTransform.ScaleX = uniformScaleAmount; RootLayoutScaleTransform.ScaleY = uniformScaleAmount; }
页面初始化后我们先将当前插件的大小保存了下来,当单击Button发生全屏事件时,会进行相关事件的处理,这种方式我觉得处理的更为妥善一些,程序运行的时候,如果你的界面上什么都没有,需要设置UserControl的Width,Height属性。
以上是“全屏模式下如何处理Silverlight控件”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341