Silverlight自适应屏幕
2017-04-17 10:07
197 查看
原文地址:http://www.cnblogs.com/jiajiayuan/archive/2011/09/06/2168436.html
silverlight自适应屏幕有很多方法,我自己在网上搜索了一些,并对此进行改进和完善。
第一种方法:一般来说可以捕捉resize事件,然后做变换。
总结:用这种方法可以自适应各种屏幕分辨率和屏幕的大小。缺点是屏幕中的布局也会跟着屏幕的大小而进行位置调整,所以在布局时一定要注意。
第二种方法:去掉<usercontrol ></usecontrol>的width和hight。
总结:使用Grid布局,页面的布局便会随屏幕大小变化而变化,控件的Margin可以全设置为0。
缺点是图片不会随着分辨率不同而改变,当屏幕比图片的尺寸要小时,会出现滚动条。
布局时可以使用StackPanel,给StackPanel设置宽和高,这样页面的布局可以固定些。
第三种方法:采用StackPanel自适应分辨率。
他的好处是图片也可以随着分辨率不同大小也不一样。
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,并在文章页面明显位置以超链接形式注明出处,否则保留追究法律责任的权利。
silverlight自适应屏幕有很多方法,我自己在网上搜索了一些,并对此进行改进和完善。
第一种方法:一般来说可以捕捉resize事件,然后做变换。
1: public MainPage()
2: {
3: this.Loaded += new RoutedEventHandler(MainPage_Loaded);
4: }
5: void MainPage_Loaded(object sender, RoutedEventArgs e)
6: {
7: App.Current.Host.Content.Resized += new EventHandler(Content_Resized);
8: }
9: void Content_Resized(object sender, EventArgs e)
10: {
11: ScaleTransform tt = new ScaleTransform();
12: double width =0;
13: double height = 0;
14: if (!App.Current.Host.Content.IsFullScreen)
15: {
16: if (width != 0 && height != 0)
17: {
18: //浏览器的宽高
19: width = App.Current.Host.Content.ActualHeight / width;
20: height = App.Current.Host.Content.ActualWidth / width;
21: this.RenderTransform = tt;
22: }
23: else
24: {
25: width = App.Current.Host.Content.ActualWidth;
26: height = App.Current.Host.Content.ActualHeight;
27: }
28: }
29: tt.ScaleY = height;
30: tt.ScaleX = width;
31: InitializeComponent();
32: }
总结:用这种方法可以自适应各种屏幕分辨率和屏幕的大小。缺点是屏幕中的布局也会跟着屏幕的大小而进行位置调整,所以在布局时一定要注意。
第二种方法:去掉<usercontrol ></usecontrol>的width和hight。
总结:使用Grid布局,页面的布局便会随屏幕大小变化而变化,控件的Margin可以全设置为0。
缺点是图片不会随着分辨率不同而改变,当屏幕比图片的尺寸要小时,会出现滚动条。
布局时可以使用StackPanel,给StackPanel设置宽和高,这样页面的布局可以固定些。
第三种方法:采用StackPanel自适应分辨率。
他的好处是图片也可以随着分辨率不同大小也不一样。
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,并在文章页面明显位置以超链接形式注明出处,否则保留追究法律责任的权利。
相关文章推荐
- Silverlight自适应屏幕
- silverlight自适应屏幕
- Silverlight 自适应屏幕大小
- Silverlight 自适应屏幕大小
- 移动端开发-WebApp-淘宝商城(响应式布局:任何手机屏幕尺寸自适应)
- 移动页面自适应手机屏幕宽度--rem
- Android 针对多种屏幕进行设计 (三)实施自适应用户界面流程
- 移动页面HTML5自适应手机屏幕宽度
- android自适应屏幕
- 【web】强大的屏幕适配布局rem响应式 实现一套web代码多端自适应适配
- Android手机字体自适应屏幕大小
- HTML5 移动页面自适应手机屏幕四类方法
- 2015.3.10(自适应屏幕和弹性布局)
- 自适应屏幕宽高的技巧;
- css 背景图不拉伸自适应屏幕大小
- android自适应屏幕方向和大小
- Android自适应屏幕方向及分辨率
- Android----实现屏幕自适应
- canvas自适应屏幕
- pc端屏幕自适应小结