Windows Phone开发教程2.docVIP

Windows Phone笔记(2)方向处理之动态布局 1.动态布局 　　默认情况下，Windows Phone应用程序在竖屏模式(垂直方向)下运行，当手机改变方向时我们的应用程序也应该能够根据方向的改变做出相应的布局调整。运行之前创建的HelloWindowsPhone项目程序，改变模拟器中屏幕的的方向: 我们发现页面并没有做出相应的改变。让页面根据自动改变很简单。只需要把MainPage.xaml中的PhoneApplicationPage标记的SupportedOrientations属性值更改为:PortraitOrLandscape即可,SupportedOrientations支持三个枚举值:Landscape(水平方向)、Portrait(竖直方向)、PortraitOrLandscape(根据手机具体方向自动调整)。 　　重新编译运行后，旋转模拟器我们会发现，页面方向也会自动根据方向改变进行调整。 这些对方向改变程序而做出的响应体现了Silverlight的动态布局。所以得页面元素都改变了位置，并且有的元素还改变的自身的大小。在处理动态布局中最重要的两个属性是:HorizontalAlignment(水平对齐方式)和VerticalAlignment(垂直对齐方式) 。 下面通过在一个Grid中放置9个TextBlock元素用来学习HorizontalAlignment和VerticalAlignment的9种不同组合下的使用方法。 MainPage.xaml1 phone:PhoneApplicationPage 2 x:Class=HelloWindowsPhone.MainPage 3 xmlns=/winfx/2006/xaml/presentation 4 xmlns:x=/winfx/2006/xaml 5 xmlns:phone=clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone 6 xmlns:shell=clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone 7 xmlns:d=/expression/blend/2008 8 xmlns:mc=/markup-compatibility/2006 9 mc:Ignorable=d d:DesignWidth=480 d:DesignHeight=76810 FontFamily={StaticResource PhoneFontFamilyNormal}11 FontSize={StaticResource PhoneFontSizeNormal}12 Foreground={StaticResource PhoneForegroundBrush}13 SupportedOrientations=PortraitOrLandscape Orientation=Portrait14 shell:SystemTray.IsVisible=True1516 Grid x:Name=ContentPanel Grid.Row=1 Margin=12,0,0,1217 TextBlock Text=Top-Left VerticalAlignment=Top HorizontalAlignment=Left FontSize=22/TextBlock18 TextBlock Text=Top-Center VerticalAlignment=Top HorizontalAlignment=Center FontSize=22/TextBlock19 TextBlock Text=Top-Right VerticalAlignment=Top HorizontalAlignment=Right FontSize=22/TextBlock20 TextBlock Text=Center-Left VerticalAlignment=Center HorizontalAlignment=Left FontSize=22/TextBlock21 TextBlock Text=Center-Center VerticalAlignment=Center HorizontalAlignment=Center FontSize=22/TextBlock22 TextBlock