[UWP]漲姿勢UWP源碼——適配電腦和手機

上一篇我們介紹了繪制主界面的MainPage.xaml，本篇則會結(jié)合MainPage.xaml.cs來講一講如何適配電腦和手機這些不同尺寸的設(shè)備。

同時適配電腦和手機存在幾個麻煩的地方：

1. 屏幕尺寸差距過大，不太適合以手機為基準(zhǔn)，然后在電腦上等比放大。

2. 手機屏幕小，但是分辨率高。比如Lumia 950的2K屏就默認采用400%的比例來顯示。

3. 手機一般默認豎屏。電腦會有16：9，3：2各種比例，且默認橫屏。導(dǎo)致整體布局需要調(diào)整。

其他細節(jié)討論可以看我之前寫的一些心得：

http://www.cnblogs.com/manupstairs/p/5143414.html

在漲姿勢UWP中，通過Page對象的SizeChanged事件來控制界面尺寸變化。有童鞋可能要問，既然都是以屏幕Width為依據(jù)變化，為什么不在XAML中使用AdaptiveTrigger 的MinWindowWidth屬性。

        <VisualStateManager.VisualStateGroups>             <VisualStateGroup>                 <VisualState >                     <VisualState.StateTriggers>                         <AdaptiveTrigger MinWindowWidth="769" />                     </VisualState.StateTriggers>                     <VisualState.Setters>                         <Setter Target="GridRootLayout.HorizontalAlignment" Value="Left"></Setter>                   
        
		

        		
網(wǎng)友評論
     		
				

			
			
			
		
		
		
    	
    	
        	

        		
更多精彩分享
        		

        			
        		
        			
	        		
	        		學(xué)習(xí)是年輕人改變自己的最好方式