Jak wykrywać zmiany orientacji i zmieniać układ?

Question

Powiedzmy, że mam siatkę z 2 rzędami, 2 kolumnami i wieloma kontrolkami wewnątrz każdej komórki.

Gdy aplikacja zostanie zmieniona na tryb przyciągania, miałem na myśli 1/3 ekranu, na którym chciałbym, aby aplikacja była tylko, jedna kolumna, 2 rzędy i pokazywała tylko niektóre kontrolki, które bym zdecydował.

Jaki rodzaj kontroli mam do tego?

thx

Answer 1

Należy skorzystać z VisualStateManager w XAML, dla pełnego rozwiązania xaml:

<Grid x:Name="LayoutRoot"> 
    <VisualStateManager.VisualStateGroups> 
     <VisualStateGroup x:Name="OrientationStates"> 
      <VisualState x:Name="Full"/> 
      <VisualState x:Name="Fill"/> 
      <VisualState x:Name="Portrait"/> 
      <VisualState x:Name="Snapped"/> 
     </VisualStateGroup> 
    </VisualStateManager.VisualStateGroups> 
</Grid> 

Tworzenie storyboardy dla każdego VisualState i ukryj/pokaż elementów w XAML. Przykłady Microsoft używają tego samego rozwiązania.

-

Aktualizacja

Szukałem po sieci i znaleźć odpowiednie stany, przykładem jest za tym linkiem: MSDN.

<VisualStateManager.VisualStateGroups> 
    <VisualStateGroup x:Name="ApplicationViewStates"> 
     <VisualState x:Name="FullScreenLandscape"/> 
     <VisualState x:Name="Filled"/> 
     <VisualState x:Name="FullScreenPortrait"/> 
     <VisualState x:Name="Snapped"/> 
    </VisualStateGroup> 
</VisualStateManager.VisualStateGroups> 

Stany odzwierciedlają wyliczenie ApplicationViewState. Jeszcze więcej informacji można znaleźć here.

Answer 2

Wystarczy popatrzeć na DisplayProperties.OrientationChanged -Event. Po uruchomieniu możesz zmodyfikować swoją siatkę i zmienić układ sterowania.

Answer 3

Korzystanie DisplayProperties.OrientationChanged zdarzenie (jak sugeruje @Jan K.) nie może być dokładnie to, czego szukasz, biorąc pod uwagę sekcję Uwagi do tego wydarzenia:

DisplayProperties.OrientationChanged zdarzenie tylko wtedy, gdy orientacja wyświetlacza lub monitora zmienia się, a niekoniecznie po zmianie orientacji aplikacji. Aby określić orientację swojej aplikacji do celów układu, użyj właściwości ApplicationView.Value.

ale ponieważ ApplicationView.Value prawdopodobnie zostanie przerwany po systemu Windows 8.1 uwolnienie MS sugerują użycie ApplicationView.GetForCurrentView() zamiast:

ApplicationView metody statyczne mogą być zmienione lub niedostępne dla wydań po systemie Windows 8.1 Podgląd. Zamiast tego należy użyć ApplicationView.GetForCurrentView(), aby uzyskać instancję ApplicationView.

Więc teraz mam skończyć z tym kodem (czy rodzaj dynamicznego widzenia i nie może pre-Design wszystko w XAML poprzez VisualStateManager niestety):

public MainPage() 
{ 
    InitializeComponent(); 
    Window.Current.SizeChanged += (sender, args) => 
    { 
     ApplicationView currentView = ApplicationView.GetForCurrentView(); 

     if (currentView.Orientation == ApplicationViewOrientation.Landscape) 
     { 
      // when args.Size.Width > args.Size.Height 
     } 
     else if (currentView.Orientation == ApplicationViewOrientation.Portrait) 
     { 
      // when args.Size.Width < args.Size.Height 
     } 
    }; 
}