Приложение Windows phone 8.1 не масштабируется прямо на моем телефоне

Question

У меня есть приложение, и я хотел бы обновить его до Windows 8.1, поэтому у него есть последняя версия, и я получаю все обновления/инструменты. Когда я пытался создать один, все прошло отлично, но как только я начал отлаживать свой телефон (640 XL), он отображает только часть приложения.

Я думаю, это потому, что в окнах 8.0 у меня была возможность масштабировать 120%, хотя я не слишком уверен.

Я как бы застрял здесь, я пробовал каждый вариант, но он, похоже, не работает. Это 2 фотографии, чтобы показать все, что я хочу сказать: http://imgur.com/a/s9ZZO.

<Page 
x:Class="App11.MainPage" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:local="using:App11" 
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
mc:Ignorable="d" 
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 

<Grid Background="#FF002E72" HorizontalAlignment="Left" Height="640" VerticalAlignment="Top" Width="400" Margin="0,0.333,0,-0.333"> 
    <ScrollViewer> 
     <Grid HorizontalAlignment="Left" Height="638" VerticalAlignment="Top" Width="401"> 
      <Rectangle Fill="Black" HorizontalAlignment="Left" Height="21" Stroke="Black" VerticalAlignment="Top" Width="483" Margin="0,127,-3,0"/> 
      <TextBlock x:Name="textBlock1_Copy2" HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Top" Margin="222,575,0,0" Foreground="White"> 
       <Span> 
        <Run Text="Ongestructureerd en onvoorspelbaar"/> 
       </Span> 
       <LineBreak/> 
       <Span> 
        <Run Text="Onbekend terrein over meerdere domeinen"/> 
       </Span> 
      </TextBlock> 
      <TextBlock x:Name="textBlock1_Copy3" HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Top" Margin="228,178,0,0"> 
       <Span Foreground="White"> 
        <Run Text="Gestructureerd en "/> 
       </Span> 
       <LineBreak/> 
       <Span Foreground="White"> 
        <Run Text="voorspelbaar"/> 
       </Span> 
      </TextBlock> 
      <TextBlock x:Name="textBlock1_Copy4" HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Top" Margin="228,293,0,0" Height="117"> 
       <Span Foreground="White"> 
        <Run Text="Gestructureerd en onvoorspelbaar of ongestructureerd en voorspelbaar "/> 
       </Span> 
       <LineBreak/> 
      </TextBlock> 
      <TextBlock x:Name="textBlock1_Copy5" HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Top" Margin="228,433,0,0" Foreground="White" Height="120"> 
       <Span> 
        <Run Text="Ongestructureerd en onvoorspelbaar"/> 
       </Span> 
       <LineBreak/> 
       <Span> 
        <Run Text="Onbekend"/> 
       </Span> 
       <Span> 
        <Run Text=" "/> 
       </Span> 
       <Span> 
        <Run Text="terrein"/> 
       </Span> 
       <Span> 
        <Run Text=" "/> 
       </Span> 
       <Span> 
        <Run Text="binnen"/> 
       </Span> 
       <LineBreak/> 
       <Span> 
        <Run Text="eigen"/> 
       </Span> 
       <Span> 
        <Run Text=" "/> 
       </Span> 
       <Span> 
        <Run Text="domein"/> 
       </Span> 
      </TextBlock> 
      <Image x:Name="image1" HorizontalAlignment="Left" Height="100" VerticalAlignment="Top" Width="100" Margin="92,153,0,0" Source="/Assets/niet-complex.png"/> 
      <Image x:Name="image1_Copy" HorizontalAlignment="Left" Height="100" VerticalAlignment="Top" Width="100" Margin="92,293,0,0" Source="/Assets/matig-complex.png" CacheMode="BitmapCache"/> 
      <Image x:Name="image1_Copy2" HorizontalAlignment="Left" Height="100" VerticalAlignment="Top" Width="100" Margin="92,433,0,0" Source="/Zeer-complex.png"/> 
      <TextBlock x:Name="textBlock1" HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Top" Margin="110,200,0,0" Width="100"> 
       <Span Foreground="#FFFFE699"> 
        <Run Text="Niet"/> 
       </Span> 
       <Span Foreground="Black"> 
        <Run Text=" "/> 
       </Span> 
       <Span Foreground="#FFFFE699"> 
        <Run Text="complex"/> 
       </Span> 
      </TextBlock> 
      <TextBlock x:Name="textBlock1_Copy" HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Top" Margin="110,340,0,0" Width="100"> 
       <Span Foreground="#FFFFE699"> 
        <Run Text="Matig"/> 
       </Span> 
       <Span Foreground="Black"> 
        <Run Text=" "/> 
       </Span> 
       <Span Foreground="#FFFFE699"> 
        <Run Text="complex"/> 
       </Span> 
      </TextBlock> 
      <TextBlock x:Name="textBlock1_Copy1" HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Top" Margin="110,480,0,0" RenderTransformOrigin="0.504,0.37" Width="89"> 
       <Span Foreground="#FFFFE699"> 
        <Run Text="Zeer"/> 
       </Span> 
       <Span Foreground="Black"> 
        <Run Text=" "/> 
       </Span> 
       <Span Foreground="#FFFFE699"> 
        <Run Text="complex"/> 
       </Span> 
      </TextBlock> 
      <Image x:Name="image3" HorizontalAlignment="Left" Height="100" VerticalAlignment="Top" Width="100" Margin="92,575,0,0" Stretch="Fill" Source="/Assets/uiterst-complex.png"/> 
      <TextBlock x:Name="textBlock1_Copy6" HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Top" Margin="110,622,0,0" RenderTransformOrigin="0.63,0.259" Width="100"> 
       <Span Foreground="#FFFFE699"> 
        <Run Text="Uiterst"/> 
       </Span> 
       <Span Foreground="Black"> 
        <Run Text=" "/> 
       </Span> 
       <Span Foreground="#FFFFE699"> 
        <Run Text="complex"/> 
       </Span> 
      </TextBlock> 
     </Grid> 
    </ScrollViewer> 

</Grid> 

</Page> 

Answer 1

Проверьте ваш XAML, вы набор фиксированных Height и фиксированной Width на корневом элементе.

Используйте следующие ссылки в качестве ссылки:
https://msdn.microsoft.com/en-us/library/windows/apps/jj207025%28v=vs.105%29.aspx https://msdn.microsoft.com/en-us/library/windows/apps/jj207042%28v=vs.105%29.aspx

Существует бесплатный видео курс на MVA "XAML Deep Dive for Windows & Windows Phone Apps Jump Start".

Answer 2

Изменение сетки декларация, что:

<Grid Background="#FF002E72" HorizontalAlignment="Stretch"VerticalAlignment="Stretch"> 

Сейчас он получит все доступное пространство (по вертикали & по горизонтали). Если вы хотите иметь адаптивный макет, вы должны использовать растягивание. Добавление в элементы управления фиксированного размера не позволит вам разработать адаптивный/масштабируемый дизайн (в вашем случае).