上一篇我们介绍了绘制主界面的MainPage.xaml，本篇则会结合MainPage.xaml.cs来讲一讲如何适配电脑和手机这些不同尺寸的设备。
同时适配电脑和手机存在几个麻烦的地方：
屏幕尺寸差距过大，不太适合以手机为基准，然后在电脑上等比放大。
手机屏幕小，但是分辨率高。比如Lumia 950的2K屏就默认采用400%的比例来显示。
手机一般默认竖屏。电脑会有16：9，3：2各种比例，且默认横屏。导致整体布局需要调整。
其他细节讨论可以看我之前写的一些心得：
http://www.cnblogs.com/manupstairs/p/5143414.html
在涨姿势UWP中，通过Page对象的SizeChanged事件来控制界面尺寸变化。有童鞋可能要问，既然都是以屏幕Width为依据变化，为什么不在XAML中使用AdaptiveTrigger 的MinWindowWidth属性。
<VisualStateManager.VisualStateGroups> <VisualStateGroup> <VisualState > <VisualState.StateTriggers> <AdaptiveTrigger MinWindowWidth="769" /> </VisualState.StateTriggers> <VisualState.Setters> <Setter Target="GridRootLayout.HorizontalAlignment" Value="Left"></Setter>
延伸阅读
- ssh框架
2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁
2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe
2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】
2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词
2017-07-26
- 从栈不平衡问题 理解 calling convention
2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明
2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解
2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析
2017-07-26
- 集合结合数据结构来看看(二)
2017-07-26
学习是年轻人改变自己的最好方式