彩票走势图

如何使Silverlight程序能够自适应浏览器窗口的大小

转帖|其它|编辑：郝浩|2011-06-13 14:31:25.000|阅读 3286 次

概述：在很多情况下，从用户体验的角度考虑，我们都希望我们的Silverlight程序能够适应各种大小的浏览器窗口或者框架，那么如何使Silverlight程序能够自适应浏览器窗口的大小呢，即使在动态改变浏览器窗口的时候也不例外。Google了几次，都没找到自己所需要的方案，于是只好自己来解决了。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

　　在很多情况下，从用户体验的角度考虑，我们都希望我们的Silverlight程序能够适应各种大小的浏览器窗口或者框架，如图所示：

　　那么如何使Silverlight程序能够自适应浏览器窗口的大小呢，即使在动态改变浏览器窗口的时候也不例外。Google了几次，都没找到自己所需要的方案，于是只好自己来解决了。

　　首先，有没有办法在Silverlight的程序代码中获取浏览器的高宽呢？这一点似乎没法做 到，Application.Current.Host.Content.ActualWidth和 Application.Current.Host.Content.ActualHeight获取的是插件的高宽。 BrowserInformation对象获取的虽然是浏览器的信息，但是没有高宽。那么可以不可以使用JS获取浏览器高宽呢，这当然是可行的。

　　获取浏览器高宽有了思路，那么怎么让程序自适应呢？于是想到了“window.onresize”事件。这样，问题就解决了，具体代码如下：

　　首先，在Silverlight中定义了如下方法：

01 /// <summary>
02 /// 设置控件布局（根据窗口来自适应）
03 /// </summary>
04 [ScriptableMember()]
05 public void SetLayout(string _winWidth, string _winHeight)
06 {
07     double _windowWidth = Convert.ToDouble(_winWidth);
08     double _windowHeight = Convert.ToDouble(_winHeight);
09     //设置滚动框宽度
10     svPlans.Width = _windowWidth - 8;
11     Canvas.SetLeft(spButtons, _windowWidth - 400);
12     Canvas.SetLeft(txtTitle, _windowWidth / 2 - 150);
13     Canvas.SetZIndex(cvShowProcess, 999);
14     Canvas.SetLeft(cvShowProcess, _windowWidth / 3);
15     Canvas.SetTop(cvShowProcess, 80);
16     //设置滚动框高度
17     svPlans.MaxHeight = _windowHeight - 54;
18 }

　　该函数是可以使用JS调用的，上一篇已经说明了，这里就略过了。布局的方法写好了，该写js去调用了。由于不想每个页面都写调用的js，于是UserControl_Loaded

　　事件就辛苦点，在里面写下如下代码

1 //JS调用SetLayout函数来设置控件布局
2 HtmlPage.Window.Eval(@"
3 setTimeout(
4 function () {slCtl.Content.PlanView.SetLayout(document.documentElement.clientWidth, document.documentElement.clientHeight);
5 window.onresize = function() {
6  slCtl.Content.PlanView.SetLayout(document.documentElement.clientWidth, document.documentElement.clientHeight);
7                }
8             }, 1000
9     );");

　　如此一来，首次加载以及“window.onresize”事件都能够调用之前的布局方法实现自适应浏览器窗口了


标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自：博客园

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP