你的位置:首页 > 软件开发 > 操作系统 > Windows phone开发 页面布局之屏幕方向

Windows phone开发 页面布局之屏幕方向

发布时间:2015-11-06 22:00:18
(博客部分内容参考Windows phone开发文档)Windows phone的屏幕方向是利用Windows phone设备的方向传感器提供的数据实现切换的。 Windows Phone支持纵向和横向屏幕方向,其中横向屏幕包括横向朝左和横向朝右。应用的默认方向为纵向,如果要想应 ...

(博客部分内容参考Windows phone开发文档)

Windows phone的屏幕方向是利用Windows phone设备的方向传感器提供的数据实现切换的。 Windows Phone支持纵向和横向屏幕方向,其中横向屏幕包括横向朝左和横向朝右。

应用的默认方向为纵向,如果要想应用支持纵向和横向,要在 XAML 或代码中将SupportedOrientations属性设置为PortraitOrLandscape。 Windows phone开发中还提供了OrientationChanged事件,用于检测屏幕方向发生变化时触发事件行为。

将SupportedOrientations属性设置为PortraitOrLandscape后,应该对界面进行设置以确保当设备方向发生改变时设备界面能友好的显示界面 可以使用以下两种方法:

  (1)滚动方法:如果要显示列表中的内容或者如果页面上包含接连显示的不同控件,请使用此方法。 使用放置在ScrollViewer 控件内的 StackPanel 控件。StackPanel可以在应用中对子元素进行排序,而且当从纵向切换到横向时,如果屏幕上容纳不下UI元素,ScrollViewer控件支持滚动浏览StackPanel。

    若要使用滚动方法,首先将页面的SupportedOrientations属性更改为 PortraitOrLandscape。然后把“ContentPanel”区域中的默认Grid替换为 ScrollViewer 和 StackPanel。

    下面看一个例子,主要代码如下:

    MainPage.xaml

Windows phone开发 页面布局之屏幕方向Windows phone开发 页面布局之屏幕方向
 1   <ScrollViewer x:Name="ContentGrid" Grid.Row="1" VerticalScrollBarVisibility="Auto"> 2       <StackPanel Background="Transparent" > 3         <TextBlock Text="hello SupportedOrientations" TextWrapping="Wrap" /> 4         <TextBlock Text="hello SupportedOrientations" TextWrapping="Wrap" /> 5         <TextBlock Text="hello SupportedOrientations" TextWrapping="Wrap" /> 6         <Rectangle Width="100" Height="100" Margin="12,0" 7       HorizontalAlignment="Left" Fill="Blue"/> 8         <Rectangle Width="100" Height="100" Margin="12,0" 9       HorizontalAlignment="Left" Fill="Yellow"/>10         <Rectangle Width="100" Height="100" Margin="12,0"11       HorizontalAlignment="Left" Fill="RosyBrown"/>12       </StackPanel>13     </ScrollViewer>

原标题:Windows phone开发 页面布局之屏幕方向

关键词:Windows

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录