Wie zu erkennen, Orientierung, änderungen und layout ändern?

Sagen wir, ich habe ein grid mit 2 Zeilen, 2 Spalten und vielen Kontrollen im inneren jeder Zelle.

Wenn die Anwendung geändert wird, um snap-Modus, den ich meinte 1/3 von dem Bildschirm, ich möchte, dass der Antrag nur eine Spalte, 2 Zeilen und zeigen nur einige Kontrollen würde ich entscheiden.

Welche Art von Steuern muss ich dafür haben?

thx

InformationsquelleAutor Luis Valencia | 2012-06-11
  1. 8

    Sollten Sie Gebrauch machen von dem VisualStateManager in xaml, die für einen vollständigen xaml-Lösung:

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

    Erstellen der StoryBoards für die einzelnen VisualState und ein - /ausblenden von Elementen im xaml-Code. Microsoft Beispiele verwenden die gleiche Lösung.

    --

    Update

    Suchte ich im Netz und fand die richtigen Staaten, ein Beispiel ist hinter diesem link: 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>

    Den Staaten spiegeln die ApplicationViewState enum. Noch mehr Informationen finden Sie hier.

    • können Sie bitte erläutern Sie Ihre Antwort mehr?, mit Ihrer Hilfe konnte ich diesen link, markermetro.com/2011/11/technical/..., so bedeutet es, dass ich zu schreiben, ein anderes layout für jeden visuellen Zustand, und binden die Daten an jede Orientierung ändern, um den richtigen Kontrollen je nach Bundesland?
    • Ja! Das wäre in der Tat der schönste, den xaml-Code nur, Lösung, soweit ich weiß. Sie konnte mit einigen cleveren storyboards Wiederverwendung einige Ihrer Elemente, aber Sie würden meist um unterschiedliche layouts zu erstellen. Wenn Sie das tun, könnte es klug sein, Sie zu verändern, zu trennen, Benutzersteuerelemente oder Ansichten, und diese umfassen.
    • Sorry, ich war ein wenig engstirnig. Microsoft erstellt ein Basis-Seite-Klasse, unterstützt diese VisualStates. Ich habe meinen Beitrag aktualisiert mit mehr nutzbaren Beispiel...
    InformationsquelleAutor Kolky
  2. 9

    Mit DisplayProperties.OrientationChanged Ereignis (wie vorgeschlagen von @Jan K.) ist vielleicht nicht genau das, was Sie suchen, in Anbetracht der Abschnitt "Anmerkungen" zu dieser Veranstaltung:

    Den DisplayProperties.OrientationChanged Ereignis tritt nur auf, wenn die Ausrichtung des Displays oder die überwachung von Veränderungen und nicht unbedingt, wenn die Ausrichtung der app ändert. Zur Bestimmung der Ausrichtung Ihrer app für layout-Zwecke ist die ApplicationView.Wert Eigenschaft.

    aber da ApplicationView.Wert wird wahrscheinlich aufgegeben werden, nachdem Windows 8.1 release-MS, schlage ApplicationView.GetForCurrentView() statt:

    ApplicationView statische Methoden verändert werden können oder nicht verfügbar für Versionen nach Windows 8.1 Preview. Verwenden Sie stattdessen ApplicationView.GetForCurrentView() um eine Instanz der ApplicationView.

    So, jetzt habe ich am Ende mit diesem code (eine Art von dynamischen anzeigen und nicht pre-design alles, was in XAML über VisualStateManager, leider):

    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
        }
    };
}
    InformationsquelleAutor Sevenate
  3. 8

    Haben Sie einen Blick auf die DisplayProperties.OrientationChanged-Event. Wenn es ausgelöst wird, können Sie ändern Ihre Gitter und ordnen Sie Ihre Kontrollen.

    InformationsquelleAutor Jan K.
Schreibe einen Kommentar