[UWP]涨姿势UWP源码——适配电脑和手机

上一篇我们介绍了绘制主界面的MainPage.xaml，本篇则会结合MainPage.xaml.cs来讲一讲如何适配电脑和手机这些不同尺寸的设备。

同时适配电脑和手机存在几个麻烦的地方：

1. 屏幕尺寸差距过大，不太适合以手机为基准，然后在电脑上等比放大。

2. 手机屏幕小，但是分辨率高。比如Lumia 950的2K屏就默认采用400%的比例来显示。

3. 手机一般默认竖屏。电脑会有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>                   
        
		

        		
网友评论
     		
				

			
			
			
		
		
		
    	
    	
        	

        		
更多精彩分享
        		

        			
        		
        			
	        		
	        		学习是年轻人改变自己的最好方式