窗口手机8.1建立不同屏幕尺寸的应用程序

Question

我是新手机窗口。
因此，我使用visual studio 2013为窗口手机8.1构建第一个应用程序。
我在仿真器WVGA 4英寸上测试，一切正常。
这是我简单的XAML：

<Grid> 
<ScrollViewer> 
    <StackPanel> 
     <TextBlock x:Name="tbCheck" Margin="10,0,0,0" FontSize="20" Text="check"/> 
     <ListView x:Name="lvInfo" SelectionChanged="lvInfo_SelectionChanged"> 
      <ListView.ItemsPanel> 
       <ItemsPanelTemplate> 
        <WrapGrid MaximumRowsOrColumns="5" Orientation="Horizontal" HorizontalAlignment="Center"/> 
       </ItemsPanelTemplate> 
      </ListView.ItemsPanel> 
      <ListView.ItemTemplate> 
       <DataTemplate> 
        <Border BorderThickness="3" CornerRadius="3" Margin="10,0,10,10" BorderBrush="#ffffff"> 
         <StackPanel Orientation="Horizontal" HorizontalAlignment="Left"> 
          <Image Margin="5,5,5,5" Width="100" Height="100" HorizontalAlignment="Left" Source="{Binding ImgInfo}"/> 
          <StackPanel> 
           <TextBlock FontSize="28" Text="{Binding NameInfo}"/> 
           <TextBlock Margin="0,5,0,5" FontSize="18" Text="{Binding AgeInfo}"/> 
           <TextBlock FontSize="18" Text="{Binding GenderInfo}"/> 
          </StackPanel> 
         </StackPanel> 
        </Border> 
       </DataTemplate> 
      </ListView.ItemTemplate> 
     </ListView> 
    </StackPanel> 
</ScrollViewer> 

我知道我需要解决不同的屏幕尺寸，使一切像WVGA 4英寸，但我不知道该怎么做。
请帮帮我。

Answer 1

很少有事情要指出。

1） Windows Phone OS根据OS的字体大小自动设置项目的字体大小。您不需要显式设置文本框的FontSize。不过，如果你想使你的项目明确大于或小于其它的字号，使用Theme Resources

见下表：

2）你的第一个StackPanel里面的DataTemplate HorizontalAlignment设置为Left 。除非Design是必需的，否则不要使用它。请使用Grid

将StackPanel替换为Grid，如下所示。

<Border BorderThickness="3" CornerRadius="3" Margin="10,0,10,10" BorderBrush="#ffffff"> 
    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Top"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="Auto"/> 
      <ColumnDefinition Width="*"/> 
     </Grid.ColumnDefinitions> 
     <Image Margin="5" Width="100" Height="100" Source="{Binding ImgInfo}"/> 
     <StackPanel Grid.Column="1"> 
      <TextBlock FontSize="{StaticResource PhoneFontSizeLarge}" Text="{Binding NameInfo}"/> 
      <TextBlock Margin="0,5" FontSize="{StaticResource PhoneFontSizeSmall}" Text="{Binding AgeInfo}"/> 
      <TextBlock FontSize="{StaticResource PhoneFontSizeSmall}" Text="{Binding GenderInfo}"/> 
     </StackPanel> 
    </Grid> 
</Border> 

现在你ListViewItem会消耗上，不论屏幕大小的设备充分的空间，看起来对所有决议一样。