¿Cómo detectar cambios de orientación y cambiar el diseño?

Question

Digamos que tengo una cuadrícula con 2 filas, 2 columnas y muchos controles dentro de cada celda.

Cuando la aplicación cambia al modo instantáneo, quise decir 1/3 de la pantalla. Me gustaría que la aplicación fuera solo, una columna, 2 filas y mostrar solo algunos controles que decidiría.

¿Qué tipo de control tengo para esto?

THX

Answer 1

usted debe hacer uso de la VisualStateManager en XAML, para una solución completa 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> 

Crear Historietas para cada VisualState y elementos de ocultar/mostrar en su xaml. Los ejemplos de Microsoft usan la misma solución.

-

actualización

He buscado en la red y encontré los estados apropiados, un ejemplo está detrás de este enlace: 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> 

Los estados reflejan el ApplicationViewState enum. Se puede encontrar incluso más información here.

Answer 2

echar un vistazo a la DisplayProperties.OrientationChanged -Evento. Cuando se dispara, puedes modificar tu cuadrícula y reorganizar tus controles.

Answer 3

Usando DisplayProperties.OrientationChanged evento (como lo sugiere @Jan K.) puede no ser exactamente lo que está buscando, teniendo en cuenta el apartado de observaciones a este evento:

El DisplayProperties.OrientationChanged evento ocurre sólo cuando la orientación de la pantalla o monitor cambia y no necesariamente cuando cambia la orientación de su aplicación. Para determinar la orientación de su aplicación para fines de diseño, use la propiedad ApplicationView.Value.

pero desde ApplicationView.Value probablemente será abandonado después de de Windows 8.1 liberación MS aconseja la utilización de ApplicationView.GetForCurrentView() lugar:

métodos estáticos ApplicationView se pueden alterar o no está disponible para las versiones de Windows después de 8.1 Vista previa. En su lugar, use ApplicationView.GetForCurrentView() para obtener una instancia de ApplicationView.

Así que por ahora he terminar con ese código (una especie de visión dinámica y no se puede pre-diseñar todo en XAML a través VisualStateManager, por desgracia):

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 
     } 
    }; 
}